title: Keyup event in focused input when clicked link
body: <p>I have a button and when it have clicked I show some input field.
  The input field tracks keyup events itself.</p>
  <p>When I click the button using my keyboard (focus it then hit <kbd>return</kbd>) the input field receives an unexpected <code>keyup</code> event.</p>
  <p>Demo: <a href="http://jsfiddle.net/LpXGM/3/" rel="nofollow noreferrer">http://jsfiddle.net/LpXGM/3/</a> (just hit <kbd>return</kbd> and look at the messages on the page)</p>
  <p>But if I add a timeout everything works as expected. Demo: <a href="http://jsfiddle.net/8BRmK/1/" rel="nofollow noreferrer">http://jsfiddle.net/8BRmK/1/</a> (no <code>keyup</code> event when hitting <kbd>return</kbd> on the button)</p>
  <p>Why does this strange thing happen? And how can I fix it?</p>
  <p>The code with the handlers:</p>
  <pre><code>$button.on("click", function(){
      showModal();
  });
  
  $emailField.on("keyup", function(event) {
      // process the event
  });
  
  var showModal = function() {
      $modal.show();
      $emailField.focus();
  }</code></pre>