title: JQuery keyup() keydown() and keypress() are not working with iPad and bluetooth keyboard
body: <p>I'm having trouble getting the <code>keyup()</code>, <code>keydown()</code> and <code>keypress()</code> events to work on an iPad.  The trouble occurs when I have a wireless bluetooth keyboard connected and try typing using the keyboard -- the events do not fire.  I tried with both Safari and Chrome on the iPad (iOS 6.1).  This same HTML works fine in Firefox, Safari, Chrome, etc on the desktop.  Is there any way to change this code to make it work on the tablet?  I checked <code>document.activeElement</code>, and it seems to be the document body, which is correct.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(document).ready(function() {
                  $(document).keyup(function(event) {
                      document.getElementById("output").innerHTML = document.getElementById("output").innerHTML + ("keyup " + event.which) + "&lt;br&gt;";
                  });
                  $(document).keydown(function(event) {
                      document.getElementById("output").innerHTML = document.getElementById("output").innerHTML + ("keydown " + event.which) + "&lt;br&gt;";
                  });
                  $(document).keypress(function(event) {
                      document.getElementById("output").innerHTML = document.getElementById("output").innerHTML + ("keypress " + event.which) + "&lt;br&gt;";
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="output"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>