title: disable a link after click using jQuery
body: <p>I have a number of links (A elements) STYLED AS buttons with class "btn" and when one of them is clicked, I want that particular button to be disabled. this code doesn't work:</p>
  
  <pre><code>$('.btn').on('click', function(e) {
      $(this).prop('disabled',true);
  });
  </code></pre>
  
  <p>There are a gazillion tutorials for preventing the default event of a form submit button, and then disabling that, but that is not quite what I need...</p>
  
  <p>Apparently, my <code>$this</code> isn't pointing to the correct object, or something =)</p>
  
  <p>----------- UPDATE ---------------</p>
  
  <p>SORRY, update above. The element I have is not a button, it is a link styled as a button...</p>