title: Get the Id of current Canvas when mouse click
body: <p>How can I get the current ID of the canvas, when I clicked on it. In my Html page, I have two canvas:</p>
  
  <pre><code>&lt;div&gt;
  &lt;canvas id='canvas1' style="width: 740px; height: 420px"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;canvas id='canvas2' style="width: 740px; height: 420px"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I clicked on one of the canvas, how can I get the ID of it. I tried like this:</p>
  
  <pre><code>$('#canvas1').click(function(){ 
      alert('Clicked on Canvas1');
  });
  
  $('#canvas2').click(function(){ 
      alert('Clicked on Canvas2');
  });
  </code></pre>
  
  <p>But, no alert was displayed while clicking on the canvas..
  Any Ideas??
  Thanks in advance..</p>