title: jQuery: fire click() before blur() event
body: <p>I have an input field, where I try to make autocomplete suggestion. Code looks like</p>
  
  <pre><code>&lt;input type="text" id="myinput"&gt;
  &lt;div id="myresults"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>On input's <code>blur()</code> event I want to hide results' div:</p>
  
  <pre><code>$("#myinput").live('blur',function(){
       $("#myresults").hide();
  });
  </code></pre>
  
  <p>When I write something into my input I send request to server and get json response, parse it into ul->li structure and put this ul to my <code>#myresults</code> div. </p>
  
  <p>When I click to this parsed li element I want to set value from li to input and hide <code>#myresults</code> div</p>
  
  <pre><code>$("#myresults ul li").live('click',function(){
       $("#myinput").val($(this).html());
       $("#myresults").hide();
  });
  </code></pre>
  
  <p>Everything is going good, but when I click to my li <code>blur()</code> event fires before <code>click()</code> and input's value don't get li's html. </p>
  
  <p>How can I set up <code>click()</code> event before <code>blur()</code>?</p>