title: Action on blur except when specific element clicked with jQuery
body: <p>There are two elements in play:</p>
  
  <pre><code>$('#myInput') // an input field for search
  $('#myList') // a list to display search results
  </code></pre>
  
  <p>I want to hide the list when the input no longer has focus, like so:</p>
  
  <pre><code>$('#myInput').blur(function() {
    $('#myList').hide();
  });
  </code></pre>
  
  <p>This works great, except when a list item is clicked, because the blur event fires and hides the list before the click is registered. The goal is for the list to stay visible when any part of the list is clicked, even though this will cause the input to blur.</p>
  
  <p>How can I do this? Thanks!</p>