How do you make an anchor link non-clickable or disabled?
<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>You can try it here:  <a href="http://www.awesomealbums.info/?WhoAmI" rel="nofollow">http://www.awesomealbums.info/?WhoAmI</a></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>
