title: jQuery - How to detect mouse is not over #a and #b
body: <p>Html code</p>
  
  <pre><code>&lt;div id="a"&gt;&lt;/div&gt;
  &lt;div id="b"&gt;&lt;/div&gt;
  &lt;div id="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can i check if the mouse is not over #a &amp; #b and then run the function</p>
  
  <pre><code>$("#a").mouseleave(function () {
  $("#box").fadeOut(800));
  });
  </code></pre>