title: update SVG dynamically
body: <p>I have some objects inside of svg that can be clicked by user.</p>
  
  <p>Is there any way to:
  - send information about object (id) that was clicked by user to the 'main html document'?
  - draw from outside document in the svg file.</p>
  
  <p>Probably, my description is unclear,... I want to implement something like this:</p>
  
  <ol>
  <li>user click on any object inside of svg-image;</li>
  <li>main document will receive id of the clicked object and:
  <ul>
  <li>display some information about that object;</li>
  <li>draw additional object inside of the svg-image.</li>
  </ul></li>
  </ol>
  
  <p>Questions: how to communication from svg to document and from document to svg?</p>
  
  <p>Thanks a lot, any thoughts are welcome!</p>
  
  <p>P.S. Probably SVG is not the best way do that? What is better then?</p>
  
  <p><strong>EDIT:</strong> I saw recommendation regarding use of Raphael,.. but I would like to see 'native' options. (For now I'm analyzing Raphaels implementation to see that, but don't think it is doing exactly what I need).</p>