Onmouseover data keep autorefresh
<p>I have a code like this below :</p>

<pre><code>$(document).ready(function() {
    $("#content2").load("post_rf.php");
    // set your initial interval to kick it off
    var refreshInterval = setInterval(function() {
        $("#content2").load('post_rf.php?randval='+ Math.random());
    }, 1500);
    // bind an event to mouseout of your DIV to kickstart the interval again
    $("#content2").bind("mouseout", function() {
        refreshInterval = setInterval(function() {
            $("#content2").load('post_rf.php?randval='+ Math.random());
        }, 1500);
    });
    // clear the interval on mouseover of your DIV to stop the refresh
    $("#content2").bind("mouseover", function() {
        clearInterval(refreshInterval);
    });
    $.ajaxSetup({
        cache: false
    });
});
</code></pre>

<p>What I want to do is when <code>mouseover</code>, data keep autorefresh.
In this case if I drag mouse into the area of <code>mouseover</code>, it stop auto refresh until I drag <code>mouseout</code> out the area of <code>mouseover</code>.</p>

<p>So is it possible to set <code>onmouseover</code>, data will keep auto refresh ?</p>
