title: li menu needs class of "selected"
body: <p>when the user clicks on a menu tab i want it to remain selected with it a white button. </p>
  
  <p>here is my attempt but its not working. if you click the home button it doesnt remain white.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;ul id="navigation"&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;HOME&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/en-us/about.aspx"&gt;&lt;span&gt;ABOUT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/en-us/contact.aspx"&gt;&lt;span&gt;CONTACT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>css:</strong></p>
  
  <pre><code>body{
      background-color:orange;
  }
  
  #navigation a
  {
      background: url("http://i52.tinypic.com/spxfdw.png") no-repeat scroll 0 0 transparent;
      color: #000000;
      height: 43px;
      list-style: none outside none;
      padding-left: 10px;
      text-align: center;
      text-decoration: none;
      width: 116px;
  }
  
  #navigation a span
  {
      padding-right: 10px;
      padding-top: 15px;
  }
  
  #navigation a, #navigation a span
  {
      display: block;
      float: left;
  
  }
  
  /* Hide from IE5-Mac \*/
  #navigation a, #navigation a span
  {
      float: none
  }
  /* End hide */
  
  #navigation a:hover
  {
  
      background: url('http://i51.tinypic.com/2iih9c9.png') no-repeat scroll 0 0 transparent;
      color: #000000;
      height: 43px;
      list-style: none outside none;
      padding-left: 10px;
      text-decoration: none;
      width: 116px;
      text-align:center
  }
  
  #navigation a:hover span
  {
      background: url(right-tab-hover.gif) right top no-repeat;
      padding-right: 10px
  }
  
  #navigation ul
  {
      list-style: none;
      padding: 0;
      margin: 0
  }
  
  #navigation li
  {
      float: left;
      list-style: none outside none;
      margin: 0;
  } 
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('#navigation li').click(function() {
      $('#navigation li').addClass('selected');
  });
  </code></pre>
  
  <p>any ideas?</p>