导航栏的jQuery无法正常工作？

Question

我有一个bootstrap导航栏和一些jQuery，但我不确定它为什么不能正常工作。

目前我只能突出显示我的NEW和ACTIVE链接，其他链接永远不会突出显示。 有人可以帮忙吗？

这是脚本：

$(document).ready(function () {
    $('li').each(function () {
        $(this).removeClass('active');
    });
    $('ul.nav.navbar-nav').find('a[href="' + location.pathname +'"]').closest('li').addClass('active');
});

Tha navbar：

 <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li>@Html.ActionLink("NEW", "Create", "Todoes")</li>
                        <li class="active">@Html.ActionLink("ALL", "Index", "Todoes")</li>
                        <li>@Html.ActionLink("ACTIVE", "Active", "Todoes")</li>
                        <li>@Html.ActionLink("COMPLETED", "Completed", "Todoes")</li>
                    </ul>
                </div>