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>

Ответы на вопрос(3)

Ваш ответ на вопрос