title: Update HTML5 canvas rectangle on hover?
body: <p>I've got some code which draws a rectangle on a canvas, but I want that rectangle to change color when I hover the mouse over it.</p>
  
  <p>The problem is after I've drawn the rectangle I'm not sure how I select it again to make the adjustment.</p>
  
  <p>What I want to do:</p>
  
  <pre><code>var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  ctx.rect(20,20,150,100);
  ctx.stroke();
  
  $('c.[rectangle]').hover(function(this){
      this.fillStyle = 'red';
      this.fill();
  });
  </code></pre>