highlighted current page not going current page
<p>I have a piece of code that removes and add class 'selected' when the link is clicked on the navigation. The problem I have is that when you click the link it doesn't actually go to the page.</p>

<p>Can any anyone help?</p>

<p></p>

<pre><code>  $(document).ready(function () {

  $("li:first").addClass("selected");
   $("li:last").addClass("last");

    $("#nav li").click(function () {
   $('li').removeClass("selected");
   $(this).addClass("selected");
 return false;    
    });

    });

  &lt;/script&gt;


  &lt;div id="nav"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="main.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:play();"&gt;Play Now&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="promotions.php"&gt;Promotions&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="ourgames.php"&gt;Our Games&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="community.php"&gt;Community&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="help.php"&gt;Help&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
  &lt;/div&gt;
</code></pre>

<p></p>
