Active Class with jQuery

Add an active class to menu items using the jQuery click event

HTML

<ul id="navlist">
    <li id="home"><a class="nav" href="home">Home</a></li>
    <li id="about"><a class="nav" href="about-us">About Us</a></li>
     <li id="about"><a class="nav" href="about-us">About Us</a></li>
</ul>

CSS

.nav { color: green; }
.selected { color: red; }

JavaScript

$('#navlist a').click(function(e) {
    e.preventDefault(); //prevent the link from being followed
    $('#navlist a').removeClass('selected');
    $(this).addClass('selected');
});