title: Keyup and blur firing at same time
body: <p>I'm having an interesting problem where I'm using keyup and blur on a form element. I need to allow the blur and keyup events bubble up from the fields to the form where I can capture them. </p>
  
  <pre><code>$('form').on('focusout submit keyup', function(e) {
      console.log($(e.target).attr('id'));
      $(e.target).css('background','red');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Z6Ayx/" rel="nofollow">http://jsfiddle.net/Z6Ayx/</a></p>
  
  <p>Problem is that keyup and blur fire when you tab out of a field. This is because when you tab out of a field the blur events fires on that field, but when you lift the key you're already in the new field so the keyup event is also fired for that.</p>
  
  <p>I've been trying to figure a good solution....I've thought of a really horrible solution which involves adding a focusin/focus event to each field. If a field gets focus then find the next field in the dom and add a class to it to flag it as 'don't validate on first keypress'. But this just seems like a bad idea</p>