How can I add or remove a CSS class with a click?

<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>
</ul>

$('#navlist a').click(function(e) {
    e.preventDefault();
    $('#navlist a').removeClass('selected');
    $(this).addClass('selected');
});