title: Loading SVG into SVGWeb dynamically with JQuery
body: <p>I am trying to dynamically display some SVG content. This content is stored as a string in my data source. An example string would look like the following:</p>
  
  <pre><code>&lt;svg width="200" height="200" style="background-color:#D2B48C; margin-bottom:5px;" id="embeddedSVG"&gt;
  &lt;g id="myGroup" fill="blue" style="font-size:18px; text-anchor:middle; font-family: serif;"&gt;
  &lt;circle id="myCircle" cx="100" cy="75" r="50" stroke="firebrick" stroke-width="3" /&gt;
  &lt;text x="100" y="155"&gt;Hello World&lt;/text&gt;&lt;text x="100" y="175"&gt;From Embedded SVG!&lt;/text&gt;
  &lt;/g&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>To accomodate for IE, I'm using <a href="http://code.google.com/p/svgweb/" rel="nofollow">SvgWeb</a>. My problem is, to display svg content, I need to wrap it in a <code>&lt;script type="image/svg+xml"&gt;&lt;/script&gt;</code> tag combo. My challenge is, the svg is being pulled back asynchronously via JQuery. And, to my knowledge, I can't dynamically write a 'script' tag from JavaScript.</p>
  
  <p>How do I take the SVG content that is retrieved with JQuery and dynamically display it?</p>