title: How to grab keyboard events on an element which doesn't accept focus?
body: <p>I know that for handling keyboard events in an input field you can use:</p>
  
  <pre><code>$('input').keyup(function(e){
  var code = e.keyCode // and 13 is the keyCode for Enter
  });
  </code></pre>
  
  <p>But, now, I have some <code>div</code> and <code>li</code> elements, and I don't have a <code>form</code> element, and none of my elements are considered to be form elements and none of them accept <strong>focus</strong> or <strong>tab</strong> and stuff like that.</p>
  
  <p>But now I need to handle the <code>keyup</code> (or <code>keydown</code>, or <code>keypress</code>, doesn't matter) event in a div element. I tried:</p>
  
  <pre><code>$('div#modal').keyup(function(e){
     if (e.keyCode == 13)
     {
        $('#next').click(); // Mimicking mouse click to go to the next level.
     }
  });
  </code></pre>
  
  <p>But the problem is, it doesn't work.
  What should I do?</p>