Logic for hovering in jQuery dependent on where mouse hovers
<p>I'm trying to figure out how to write in jQuery a conditional statement on where a user hovers their mouse.</p>

<p>I've already got the logic for a hover function.  When a user hovers over a list item "Z", another element (a div with class "box") on the page performs a function (namely animates).  But on the hover "out" part of the equation (hovering out of list item "Z"), I need to write a conditional statement along these lines:</p>

<ul>
<li>When hovering out of list item "Z", if the user then moves their mouse over div ".box", then run function A</li>
<li>If the user does not move their mouse over div ".box", run function B</li>
</ul>

<p>Hopefully that's clear enough.  Essentially I'm trying to determine where the user hovers next and perform a function accordingly.</p>
