How to prevent execution of an event before until the last call is completed
<p>I have this jQuery event:</p>

<pre><code>$('#button-next').bind('click', function() {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: 'index.php?route=product/category/display&amp;cat=any&amp;limit='+p+',1',
        cache: false,
        success: function(data) {
            var text = data.output;
            goForward('scroller', text);
            p++;
        }
    });
});
</code></pre>

<p>That inserts a new item to the list and removes the last one. The problem is if the user starts clicking on the button so fast, it gets messed up. I need a way to prevent new calls before that last one is finished.</p>
