title: Jquery to disable links
body: <p>I have page with several links and linked buttons. I want to disable all. How can I do this?</p>
  
  <pre><code>&lt;div id="content-main"&gt;
    &lt;h1&gt;My Notes&lt;/h1&gt;
  
    &lt;a href="edit.html" id="btnNew" name="btnNew" class="button"&gt;Add new Link&lt;/a&gt;
  
    &lt;table border="0" cellspacing="0" cellpadding="4"&gt;
      &lt;tr bgcolor="#edf3fe"&gt;
        &lt;td&gt;&lt;a href="edit.html"&gt;Link 1&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;&lt;a href="edit.html"&gt;Link 2&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
    &lt;div class="button-row"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried the following which is working to the point that link no longer works but I would like to fade the links too.</p>
  
  <pre><code>$(document).ready(function(){
  
  
      $( "a" ).click(function( event ) {
          alert( "The link will no longer work" );
          event.preventDefault();
      });
  </code></pre>
  
  <p>});
      }</p>