Jquery active highlight menu

$(document).ready(function(){
    var str=location.href.toLowerCase();
    $(".nav li a").each(function() {
        if (str.indexOf(this.href.toLowerCase()) > -1) {
            $(".nav li.current-page").removeClass("current-page");
            $(this).parent().addClass("current-page"); /*your changing class name; such as 'active'*/
        }
    });
})

/*
<ul class="nav">
    <li class="current-page"><a href="#"></i>Home</a></li>

    <li><a href="#"></i>Sample Page</a></li>

    <li><a href="#"></i>About Us</a></li>
</ul>
*/
//source page: http://blog.huidesign.com/automatically-highlight-current-page-in-navigation-with-css-jquery/