title: Add SVG to HTML and handle events
body: <p>I have this SVG file. which display different svg elements (Circle, Eclipse, Polygon,polyline etc)</p>
  
  <p>and each element has its own ID.</p>
  
  <p>I can add the function (onClick or MouseClicK) when that specific ID is clicked.</p>
  
  <p>Is there any way to add a common function (in JavaScript or Jquery) which respond to click event and tells us from which object (ID) click originates?</p>
  
  <p>So I need:</p>
  
  <ol>
  <li><p>HTML code to add/reference SVG file. Not sure if I use SVG or Object
  tag? Which one works in all browsers?</p></li>
  <li><p>And then JQuery of JavaScript which respond to mouse click on the elements and tell which ID has been clicked?</p></li>
  </ol>
  
  <p>If you see following SVG it has different circles which has ID e.g. 01, 02, 03 etc.</p>
  
  <p><a href="http://imgh.us/ClockControl.svg" rel="nofollow">http://imgh.us/ClockControl.svg</a></p>