title: Using JQuery Vector Map to load svg file
body: <p>I'm using JQuery Vector Map to load an svg file but I'm getting the following</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'width' of undefined
  </code></pre>
  
  <p>In fact the problem is that it is not being able to read from the svg file. Does someone know what needs to be done for  <code>$('#africa').vectorMap();</code> to read it.    </p>
  
  <pre><code>&lt;html&gt;
              &lt;head&gt;
                      &lt;title&gt;Testing Map&lt;/title&gt;
                      &lt;script src="jquery.vector-map/jquery-1.6.min.js" type="text/javascript"&gt;&lt;/script&gt;
                      &lt;link href="jquery.vector-map/jquery.vector-map.css" media="screen" rel="stylesheet" type="text/css" /&gt;
                      &lt;script src="jquery.vector-map/jquery.vector-map.js" type="text/javascript"&gt;&lt;/script&gt;
                      &lt;script  type="text/javascript"&gt;
                              $(function()
                              {
                                      $('#africa').vectorMap();
                              });
                      &lt;/script&gt;
              &lt;/head&gt;
              &lt;body&gt;
                   &lt;div id="africa"&gt;
                      &lt;embed src="africa.svg"/&gt;
                   &lt;/div&gt;
              &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>