title: Attaching mouse over event to multiple canvas images
body: <p>I have this code:</p>
  
  <pre><code>$('#whatever .item').each(function() {
      var canvas = document.getElementById('whatever');
      var ctx = canvas.getContext('2d');
      /* Drawing */
  
  
      $(document).mousemove(function(e) {
  
          mouseY = e.pageY;
          mouseX = e.pageX;       
  
  
              if(ctx.isPointInPath(mouseX, mouseY)) {
               alert("HEY!");     
  
              }
  
       });
  });
  </code></pre>
  
  <p>I have multiple span tags in the canvas. I'm then using the span tags to create images on a canvas, using 'each'. So I assumed if I added a mousemove it would add one for each span tag, but it doesn't. Any ideas?</p>