title: prevent double clicks on links with jQuery
body: <p>What's the best way to prevent a double-click on a link with jQuery?</p>
  
  <p>I have a link that triggers an ajax call and when that ajax call returns it shows a message.</p>
  
  <p>The problem is if I double-click, or click it twice before the ajax call returns, I wind up with two messages on the page when I really want just one.</p>
  
  <p>I need like a <code>disabled</code> attribute on a button. But that doesn't work on links.</p>
  
  <pre><code>$('a').on('click', function(e){
      e.preventDefault();
  
      //do ajax call
  });
  </code></pre>