jQuery mousedown + mouseleave
<p>i'm a begginer currently building a simple jQuery script where i'd like my action to happen when I drag out of its bounds. So i was thinking on detecting a mousedown and inside its function have a mouseleave.</p>

<p>But what happens is not what i'm expecting since everytime i pass my mouse over it - no need to click, the event gets triggered.</p>

<p>Here's the code i've put toghether.</p>

<pre><code> $(document).ready(function() {
   $(".box").mousedown(function() {
     $(".box").mouseleave(function() {
       alert("Hello world!");
     });
   });
 });
</code></pre>

<p>Help much appreciated, thanx!</p>
