title: External SVG file is NOT getting loaded using JQuery
body: <p>I am trying to load simple svg file in HTML5 using JQuery. But i dont seem to get that effect in my page. Please help me solve this. </p>
  
  <p>I have browsed and found the way, but it is not working for me. See my code below:</p>
  
  <h2>SVG file: (Sample.svg)</h2>
  
  <pre><code>&lt;?xml version="1.0" ?&gt;
  &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;
  
  &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
    &lt;circle cx="100" cy="50" r="40" stroke="black"
    stroke-width="2" fill="red" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$(document).ready(function(){
   $('#svgfile').svg({loadURL: 'Sample.svg'});
  }
  </code></pre>
  
  <p>MyHtml.html:</p>
  
  <pre><code>&lt;div id="svgfile" style="background:#9b0141;width:400px; height: 400px;"&gt;
  </code></pre>