title: How to change or add an ID to a SVG?
body: <p>I have a SVG create with Raphael 2.0 which look like this :</p>
  
  <pre><code>&lt;div class="stave"&gt;
  &lt;svg height="342" version="1.1" width="512" xmlns="http://www.w3.org/2000/svg"
  style="overflow: hidden; position: relative;" viewBox="0 410 1300 80"
  preserveAspectRatio="meet"&gt;
  ........
  &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i just want to set an ID to the svg tag! How can i do it? JQUERY or RAPHAEL 2.0?
  i have see many answers but none works for me.</p>
  
  <p>Thank you for helping</p>