Qual é a maneira padrão de tornar o link ativo em uma barra de navegação do Twitter Bootstrap em negrito? É claro que um link ganha a aparência ativa ganhando a classe "ativa". Por exemplo, oHome link abaixo está ativo. Quando eu clico em qualquer link na barra de navegação, deve usar o jQuery para remover todas as classes deli elementos e, em seguida, adicione oactive classe para o link que eu tenho id'd?

<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>

EDITAR: Eu incluí

<script type="text/javascript">
$('.nav li a').on('click', function() {
    alert('clicked');
    $(this).parent().parent().find('.active').removeClass('active');
    $(this).parent().addClass('active');
});
</script>

depois dos links. O alerta aparece quando clico em um link, mas a classe "ativa" não é adicionada ao link.

Aqui está todo o meu HTML da barra de navegação:

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">AuctionBase</a>
            <div class="nav-collapse">
                    <ul class="nav">
                        <li><a href="home.php">Search</a></li>
                        <li><a href="about.php">About</a></li>
                    </ul>
            </div>
        </div>
    </div>
</div>