title: Jquery mouseleave event: how to know towards what element the mouse is going?
body: <p>I think this is very jquery/javascript ninja question.</p>
  
  <p>Basically i have two different divs, and inside the first one i have other elements and at the end of tree i have an ul.</p>
  
  <p>The example http: <a href="http://jsfiddle.net/thTpB/23/" rel="nofollow">http://jsfiddle.net/thTpB/23/</a></p>
  
  <p>I want that when i leave the li's in the unordered list the second div (div.to_show) will remain opened only if i go in it directly from that "li".</p>
  
  <p>It's for a classic menu, but for some reason i can't rewrite the html and include the second div inside every li and show it as a child.</p>
  
  <p>I tried reading from the <code>EventObject e</code> the following properties:</p>
  
  <ul>
  <li><code>e.toElement</code>: firefox doesn't set it</li>
  <li><code>e.relatedTarget</code>: it is usually the parent, not the second div</li>
  </ul>
  
  <p>What i have to do to get that behaviour? Bubble the event until i have <code>e.relatedTarget == second div</code>?</p>
  
  <p><strong>edit: Please suppose that i CAN'T change the DOM hierarchy. It's hard because of that.</strong></p>
  
  <p>Obviously with the mouseenter on a certain li i will change the content of the div.to_show.</p>