title: Add click event on elements of an embedded SVG in javascript
body: <p>I got <a href="http://upload.wikimedia.org/wikipedia/commons/e/e8/BlankMap-World6-Equirectangular.svg" rel="noreferrer">this SVG image from Wikipedia</a> and embedded it into a website using this code: </p>
  
  <pre><code>&lt;embed src="circle1.svg" type="image/svg+xml"/&gt;
  </code></pre>
  
  <p>If you run this, you can inspect the element and see the source code. All countries in the image are separate elements. If I click on a country, I want to alert the id of that country, since every country has an id of two letters in the SVG. Does anyone know a way to do this? Would it be easier if I place it into a  element?</p>