title: Avoid click triggering focusout
body: <p>i am working on the tab button functionality for my form.</p>
  
  <p>I am using a plugin to customize all the selects of my form but now i am stuck on a conflict.</p>
  
  <p>This is the code i have written to display my dropdown menu list using the <code>tab</code> button on the selects</p>
  
  <pre><code>$styledSelect.focus(function(e) {
    var dropdown = $(this).next('ul');
    dropdown.show();
  });
  
  $styledSelect.focusout(function(e) {
    var dropdown = $(this).next('ul');
    dropdown.hide();
  });
  </code></pre>
  
  <p>The problem is that any click event triggers a focusout so i can not really select any option of my select tag, because the dropdown gets hidden first.</p>
  
  <p>You can see the problem here <a href="http://codepen.io/Mannaio/pen/tLaup" rel="nofollow">http://codepen.io/Mannaio/pen/tLaup</a></p>
  
  <p>How can i solve this problem?</p>