Jquery Добавить активный класс в главное меню
я пытаюсь добавить динамический активный класс в главное меню, но я не могуне в состоянии достичь этого,
Мое JQuery,
$(document).ready(function() {
$('#navi a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});
Мое главное меню,
<a href="#">About MHG</a>
<a href="#">Workout Programs</a>
<a href="#">Fitness Tips</a>
<a href="#">Contact Us</a>
<a href="#">Read Our Blog</a>