title: SVG through the jQuery.svg
body: <p>In jQuery svg plugin (<a href="http://plugins.jquery.com/project/svg" rel="nofollow">http://plugins.jquery.com/project/svg</a>) work with svg is performed starting from div element and creating new svg object inside of div:</p>
  
  <blockquote>
    <p>Attach an SVG canvas to a  with the following:</p>
  </blockquote>
  
  <pre><code>$(selector).svg();
  </code></pre>
  
  <p>Is it possible to connect with jquery to existing svg-object? If "yes" how to do that?</p>
  
  <p><strong>EDIT:</strong>
  Suggested tip:</p>
  
  <pre><code>&lt;body onload="alert('loaded');testSvg();"&gt;
      &lt;div id="div3" style="border: solid 1px black; width:200px; height:100px"&gt;
          &lt;svg id="svg3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;&lt;/svg&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
      function testSvg() {
          var svgRootElement = $("#svg3").get();
          var svgWrapper = new $.svg._wrapperClass(svgRootElement);
          svgWrapper.circle(30, 25, 50, { fill: 'red' });
      }
  </code></pre>
  
  <p>causes an error:</p>
  
  <blockquote>
    <p>'TypeError: Unable to get value of the property 'createElementNS': object is null or undefined' error... </p>
  </blockquote>
  
  <p>why?</p>