Bootstrap＆amp; Jquery将导航栏项设置为活动状态

Question

我正在尝试通过此scrpt

选择时激活导航栏项目

<script>
$(document).ready(function() {
    $('.nav li a').on('click', function() {
        $(this).parent().parent().find('.active').removeClass('active');
        $(this).parent().addClass('active').css('font-weight', 'bold');
    });
});
</script>

但它不起作用

看到这个

http://www.bootply.com/eKZjSelT8s