changing background of link when clicked using jquery
<p>I have 4 links with background color that i need to be changed when i click , i use this code to change the background :</p>

<p>jquery :</p>

<pre><code>$(document).ready(function() {
  $('#content_area').load($('.pm_class:first').attr('href'));

  $('.pm_class').click(function() {
    var href = $(this).attr('href');
    $(this).css('background-color', '#3B581E');
    $(this).css('color', '#fff');
    $('#content_area').hide().load(href).fadeIn('normal');
    return false;
  });

});
</code></pre>

<p>The issue is , when i click a different link the css in my jquery still apply to the previous link i clicked along with the second one , i need the first to return to the original state as shown in the image below , i need it to return back to be like the "send message" and "archive" links :</p>

<p><a href="http://www.flickr.com/photos/wfareed/6707380979/" rel="nofollow">jqeury issue</a></p>
