How can I make my links enabled and disabled with jQuery?
<p>I have the following:       </p>

<pre><code> &lt;button id="refreshLink" class="blue" type="button" title="Refresh Grid"
                data-entity="Topic"
                data-href="/Admin/Contents/Reference"&gt;
                &lt;span class="center-icon sprite-arrow-circle"&gt;&lt;/span&gt;&lt;/button&gt;
</code></pre>

<p>and this jQuery code:</p>

<pre><code>$('#refreshLink')
.click(function () {
    if ($(this).hasClass("blue")) {
        $(this).removeClass('blue').addClass('grey');
        refreshGrid($(this).attr('data-entity')); ;
    }
    return false;
});
</code></pre>

<p>I thought that this would stop multiple clicks but it still seems to let the user click more than once and get multiple refreshes. </p>

<p>Is there a way I can disable and enable the links using jQuery? Also is there some queue that clicks go into if a user clicks multiple times?</p>
