title: Only close tooltip if mouse is not over target or tooltip
body: <p>Using the jQuery UI tooltip, I would like to keep the tooltip open if I'm over the target, or if I'm over the tooltip itself.</p>
  
  <p>I'm thinking I can use the close callback to see if I'm over a tooltip or a target area, although I would have to then assign another mouseout function.</p>
  
  <p>Here's my jsfiddle: <a href="http://jsfiddle.net/Handyman/fNjFF/" rel="noreferrer">http://jsfiddle.net/Handyman/fNjFF/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function()
  {
      $('#target').tooltip({
          items: 'a.target',
          content: 'just some text to browse around in'
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;div id="target"&gt;
      &lt;a href="#" class="target"&gt;Hover over me!&lt;/a&gt;
      &lt;a href="#" class="target"&gt;Hover over me too!&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm working through it now to see what I can come up with.</p>