How to stop Jquery load function
<p>The Jquery load function don't stop if there is multiple click on the links in the menu.</p>

<p>The jquery code looks like:</p>

<pre><code>$(document).ready(function(){

$(".menu_rfr").unbind("click").click(function() {
$("#main").html('&lt;img src="img/spin.gif" class="spin"&gt;');
location.replace($(this).attr('rel'));
});

function handleClick() {
$(this).unbind("click");
$("#main").html('&lt;img src="img/spin.gif" class="spin"&gt;');
$("#main").load($(this).attr('rel'), function() {

    // reactivate it after some loading has completed
    $(this).click(handleClick);        
});         
}
$(".menu_clickable").click(handleClick);
});
</code></pre>

<p>You can see the sample page at <a href="http://www.supersexmarket.com/test.php" rel="nofollow">link text</a></p>

<p>How can I prevent users clicks if the DIV content is not loaded completely and never ending DIV loading?   </p>
