jquery keyup not fired until user clicks page first
<p>I'm trying to setup some simple page navigation with keyups in jQuery. For instance, if the user presses the left arrow key, I want the page to load something.</p>

<p>Everything works except the user must first click the browser window for the key event to register.</p>

<p>Here's the code I'm using:</p>

<pre><code>$(document).ready(function() {
  $(document.documentElement).live("keyup", function(event) {
      if (event.keyCode == 37) {//left arrow
        //do something here
      }
  });
});
</code></pre>

<p>It seems like a focus issue, but I've read that using <code>document.documentElement</code> means I don't have to focus on anything in particular.</p>

<p>It works if the user clicks once on the page and then hits their left arrow. But if they load the page and hit the left arrow without clicking it doesn't fire.</p>

<p>Any way to fix this?</p>
