title: Keyup event behavior on tab
body: <p>HTML:</p>
  
  <pre><code>&lt;form id="myform"&gt;
      &lt;input id="firstfield" name="firstfield" value="100" type="text" /&gt;
      &lt;input id="secondfield" name="secondfield" value="200" type="text" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>jQuery(document).ready(function() {
      $('#firstfield').keyup(function() {
        alert('Handler for firstfield .keyup() called.');
      });
      $('#secondfield').keyup(function() {
        alert('Handler for secondfield .keyup() called.');
      });
  });
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/KtSja/3/" rel="noreferrer">http://jsfiddle.net/KtSja/3/</a></p>
  
  <p>In this demo, if you place your cursor in the first field and then tab out (without making any changes), the keyup event is fired on the second field. i.e., you are tabbing out of first field and into second field. Is this behavior correct? How can I prevent this from happening? Same applies to shift + tab.</p>
  
  <p>Note:</p>
  
  <p>a) I believe all other keys, printable and non-printable, trigger the keyup event on the first field.</p>
  
  <p>b) The event isn't triggered at all if you keep the tab pressed until it moves out of both fields.</p>