title: Add and remove a class on click using jQuery?
body: <p>Please see this <a href="http://jsfiddle.net/rabelais/HTHnW/6/">fiddle</a>.</p>
  
  <p>I am trying to add and remove a class on li elements that are clicked. It is a menu and when one clicks on each li item I want it to gain the class and all other li items have the class removed. So only one li item has the class at a time. This is how far I have got (see fiddle). I am not sure how to make the 'about-link' start with the class current, but then it is remove when one of the other li items are clicked on?   </p>
  
  <pre><code>$('#about-link').addClass('current');
  $('#menu li').on('click', function() {
      $(this).addClass('current').siblings().removeClass('current');
  });
  </code></pre>