title: Appending elements in string format into SVG?
body: <p>I need to append elements that are in string into svg.I used the below code to do this.</p>
  
  <pre><code> var namespaceURI = "http://www.w3.org/2000/svg";
   var svg = document.createElementNS(namespaceURI, "svg");
   svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
   $(svg).append('&lt;path d="M10,20 L20,30" fill="pink" stroke="gray"&gt;&lt;/path&gt;');
  </code></pre>
  
  <p>But it is created as html element and nothing is on screen.In jquery we usually do like             <code>$( "p" ).append( "&lt;strong&gt;Hello&lt;/strong&gt;" )</code> to append elements.</p>
  
  <p>I referred this <a href="https://stackoverflow.com/questions/3642035/jquerys-append-not-working-with-svg-element">link</a> too. But I dont want to create new element using <code>document.createElementNS(..)</code>.Instead I need to append element specified in string.</p>
  
  <p>Is there any options to do this??</p>