title: Is it possible to work with jquery and Svg directly (no plugins)?
body: <p>I'm trying to work with Jquery and Svg together. But I don´t want to use any plugin. </p>
  
  <p>The problem I am dealing now is that when I try to work using the traditional append mode to add a child to the svg document, the object is not rendered. Let´s check out what I tried to do:</p>
  
  <pre><code>/* Creating the svg container using pure JS */
  var container = document.getElementById("svg_space");
  mySvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  mySvg.setAttribute("version", "1.2");
  mySvg.setAttribute("baseProfile", "tiny");
  container.appendChild(mySvg);
  
  /* Adding a child and setting attributes to the SVG container using pure JS */
  Circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
  Circle.setAttribute("cx", "60");
  Circle.setAttribute("cy", "30");
  Circle.setAttribute("r", "13");
  Circle.setAttribute("class", "class1");
      mySvg.appendChild(Circle); /* After this, the circle is rendered */
  
  /* Then, I tried to use jQuery to perform the same action... */
  $(mySvg).append("&lt;circle /&gt;");
  $(mySvg).find("circle").attr("cx","160");
  $(mySvg).find("circle").attr("cy","70");
  $(mySvg).find("circle").attr("r","30");
  $(mySvg).find("circle").attr("class","class1" );
  </code></pre>
  
  <p>...but after this action, the circle does not render. I check if at least the circle was really appended to the DOM tree in the Developers Tool Inspector, and I found out that both element exist, with the proper attributes previously set, but the circle created with jQuery was as if it were a html descendant, not as a svg descendant. This means that the constructors, prototypes and other methods related to a svg circle element was not part of the this 'jquery' circle, but instead the related to a pure html tag.</p>
  
  <p>Is there a way to create svg elements as svg descendants using jquery, or is better the use of pure javascript despite the loss of productivity?</p>