title: Modify a svg file using jQuery
body: <p>I have a svg file with some shape and some text. I'd like to modify the svg at runtime, so that some shape can change color, and some text can change its content.</p>
  
  <p>Let's suppose that I have only two elements in an external svg file:</p>
  
  <ol>
  <li><p>circle1: a blue filled circle witdh that id</p></li>
  <li><p>text1: a text containing "--" with that id</p></li>
  </ol>
  
  <p>Now I can view the file in my html with</p>
  
  <pre><code>&lt;object data="Sample.svg" type="image/svg+xml" width="200" height="200" id="svg1"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>From a button near the image, using jQuery, I can catch the onClick event: I'd like to fill the cicle with red and change the text to "hello word".</p>
  
  <p>How can I do that? Is there a jQuery based solution?</p>
  
  <p>I have found the jquery.svg plugin, but it seem that you can only modify a runtime created document.</p>
  
  <p>Thanks.</p>