title: How do you make an anchor link non-clickable or disabled?
body: <p>I have an anchor link that I want to disable once the user clicks on it. Or, remove the anchor tag from around the text, but definitely keep the text.</p>
  
  <pre><code>&lt;a href='' id='ThisLink'&gt;some text&lt;/a&gt;
  </code></pre>
  
  <p>I can do this easily with a button by adding <code>.attr("disabled", "disabled");</code><br>
  I successfully added the disabled property, but the link was still clickable.<br>
  I don't really care if the text is underlined or not. </p>
  
  <p>Any clue?</p>
  
  <p>When you click on the wrong musician, it should just add "Wrong" and then become unclickable.<br>
  When you click and you are correct, it should add "Awesome" and then disable all <code>&lt;a&gt;</code> tags.</p>