单击菜单，该链接未用颜色突出显示

Question

我已经添加了用于更改所选菜单颜色的代码，但这不会影响更改。无法为所选菜单添加类别active。

<script type="text/javascript">
    $('ul li a').click(function() {
        $(this).parent().addClass('active');
        $(this).parent().siblings().removeClass("active");
    });
</script>

<ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="index.html">HOME</a></li>
    <li><a href="service.html">TECHNOLOGY SERVICES</a></li>
    <li><a href="industries.html">INDUSTRIES</a></li>
    <li><a href="carporate.html">CORPORATE</a></li>
    <li><a href="resources.html">RESOURCES</a></li>
    <li><a href="contact.html">CONTACT US</a></li>
</ul>