title: On blur attached to on focus or separate?
body: <p>If I have the following code, will the blur event only be invoked once an element has lost focus, or whenever it is not focused?</p>
  
  <pre><code>$('').on("focus", function() {
      // do something
  });
  
  $('').on("blur", function() {
      // do something
  });
  </code></pre>
  
  <p>What's the difference between that and:</p>
  
  <pre><code>$('').focus(function() {
    alert( "Handler for .blur() called." );
  });
  
  $('').blur(function() {
    alert( "Handler for .blur() called." );
  });
  </code></pre>
  
  <p>And</p>
  
  <pre><code>$('').focus(function() {
      // do something
  }).blur(function() {
      // do something
  });
  </code></pre>