mouseleave, clearing interval and stopping script
<p>I've got this bit of code:</p>

<pre><code>slider.controls.next.bind('mouseenter', function() {
    setInterval(clickNextBind, 300);
});
</code></pre>

<p>working with bxslider so that if the user hovers over the "next" button, the slideshow scrolls  automatically. But I need it to stop when the user moves away from the "next" button.</p>

<p>I tried this:</p>

<pre><code>slider.controls.next.bind('mouseleave', function() {
    clearInterval();
});
</code></pre>

<p>But it doesn't stop the scrolling. How should I be doing this?</p>

<p>MTIA.</p>
