Change font color on click
<p>I am trying to create a simple about page that uses JQuery click to change the text and the content of the about body (Instead of creating 3-4 independent pages). What I am trying to do with the 'menu' is simple but for some reason it is not working as expected. </p>

<p>Each menu option click will trigger a JQuery event that will change the text of the body, and change the clicked menu option's color to blue to show that it has been selected. </p>

<p>Right now, the jquery I am trying to apply simply isn't working and color isn't toggling on click.</p>

<p>My JQuery</p>

<pre><code>$(document).ready(function(){
    $('.about-link').click(function(){
        $(this).toggleClass('clicked');
    });
});​
</code></pre>

<p>jsfiddle</p>

<p><a href="http://jsfiddle.net/bBDk8/6/" rel="nofollow">http://jsfiddle.net/bBDk8/6/</a></p>
