title: jQuery UI Tooltip - Manual close after event.stopImmediatePropagation, no effect?
body: <p><a href="http://jsfiddle.net/r2nzc/5/" rel="nofollow noreferrer">http://jsfiddle.net/r2nzc/5/</a></p>
  <pre><code>var $textInput = $('#textInput');
  var items = '.ui-autocomplete li.ui-menu-item a';
  
  $textInput.autocomplete({
    source: ['a', 'b', 'c'],
    minLength: 0,
    open: function(){
      $('body').tooltip({
        items: items,
        content: 'Hello!'
      });
      
      $(items).mouseout(function(event){
          event.stopImmediatePropagation();
          $('body').tooltip('close');
      });
    }
  }).focus(function(){
      $(this).autocomplete('search', '');
  });
  </code></pre>
  <p>I am attempting to override jQuery UI's tooltip autoclose functionality. My intent is to able to hover over the tooltip without it closing, but this functionality has not yet been introduced. As such, I am trying to hack it in.</p>
  <p>My understanding is that I should be able to call <code>event.stopImmediatePropagation</code> to prevent the tooltip from closing after the <code>mouseleave</code> event. However, this would leave the tooltip open forever. So, I have need to close the tooltip manually.</p>
  <p>If I call 'destroy' on the tooltip, I can force it to instantly close. This seems like an ugly workaround because I do not get the nice fading out of the tooltip.</p>
  <p>Unsure how to debug why close doesn't seem to work. Is the tooltip keeping track of its internal state?</p>