title: How to change focus to new HTML5 Canvas element?
body: <p>I have a bunch of canvas elements in my html file like so:</p>
  
  <pre><code>   &lt;canvas id="one"&gt;&lt;/canvas&gt;
     &lt;canvas id="two"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>I'm using the arrow keys to move an object around <code>#one</code>, but I want to have that object "appear" in <code>#two</code> when it hits a point on <code>#one</code>, e.g. <code>x=150</code> and <code>y=55</code>.
  I tried using the jQuery <code>focus()</code> method when that coordinate was triggered, but the object stayed in <code>#one</code>. Any suggestions?</p>