How do I get an event to keep triggering while hover?
<p>Okay so here's my small snippet of code:</p>

<pre><code>base.$el.delegate('.mb-panel', 'hover', base.hover = function(){
    base.change( base.$panels.index($(this)) + base.adj );          
});
</code></pre>

<p>Basically I want <code>base.change( base.$panels.index($(this)) + base.adj );</code> to keep executing as long as the user hovers over <code>.mb-panel</code>. So right now that event is firing once on <code>mouseenter()</code> and once on <code>mouseleave()</code> because I'm using <code>hover()</code>.</p>

<p>I've tried adding <code>base.hover();</code> to make it a sort of recursive function, but this just isn't working. I'm assuming because of some infinite loop occurring. Can anyone help me with this?</p>
