title: jquery blur not working on "exiting" text input even though "click" does
body: <p>I'm trying to make a custom dropdown be able to be "tabbed into" using jquery. That is, it is made of a <code>ul</code>, and I want the text input directly above it, when tabbed out of give some sort of focus to the <code>ul</code>. But for some reason this</p>
  
  <pre><code>var input = $("ul.dropdown_ul").prev("input");
  $("#container").on("blur", input, function(){
       alert("test");
   });
  </code></pre>
  
  <p>does not work. With <code>click</code> as the event, the alert fires. But <code>blur</code> is not working.</p>
  
  <p><a href="http://jsbin.com/iwicud/5/edit" rel="nofollow">JSBIN</a></p>
  
  <p>Any ideas on why this doesn't work? Thanks.</p>