title: mouseleave works but not focusout
body: <p>I'm using Jquery autocomplete, and I've created a custom focus method. The goal is to present additional information while the element is focused, then return the element to its default state on blur. Because autocomplete doesn't have a baked in blur method, I've hacked together my own using mouseleave:</p>
  
  <pre><code>focus: function( event, ui ) {
    event.preventDefault();
    var menu = $(this).data("uiAutocomplete").menu.element;
    var focused = menu.find("li:has(a.ui-state-focus)");
    var child = $(focused).children().first();
    var item = ui.item.value;
    var text = "&lt;div&gt;" + item.name + "&lt;/div&gt;";
    if (item.publications.length &gt; 0) text += "&lt;div&gt;" + item.publications + "&lt;/div&gt;";
    $(child).html(text).attr("name", item.name);
    $(focused).on("mouseleave", function() {
      $(child).html($(child).attr("name"))
    });
  },
  </code></pre>
  
  <p>Although this works with a mouse rollover, it doesn't work when the user navigates up and down the list using the keyboard. For that to happen, I'd need to use something like focusout:</p>
  
  <pre><code>$(focused).on("focusout", function() {
    $(child).html($(child).attr("name"))
  });
  </code></pre>
  
  <p>Unfortunately, focusout has no apparent effect, one way or the other. No error messages, and no altered text--not even on mouseover. Any idea what's going on?</p>