title: jquery's append not working with svg element?
body: <p>Assuming this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
   &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
   $(document).ready(function(){
    $("svg").append('&lt;circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/&gt;');
   });
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"&gt;
   &lt;/svg&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Why don't I see anything?</p>