title: Active state on nav after page refresh
body: <p>This is the code I am using at the moment to add an active state to an item after your clicked on one of the navigation and the page has been redirected.</p>
  
  <p>I was wondering if there was another way to do it because it works only on my local machine but not on a server.</p>
  
  <pre><code> $(document).ready(function () {         
          current_page = document.location.href            
          if (current_page.match(/home/)) {
              $("ul#ulMenuNav li:eq(0) a").addClass('navActive');
          } else if (current_page.match(/about/)) {
              $("ul#ulMenuNav li:eq(1) a").addClass('navActive');
          } else if (current_page.match(/location/)) {
              $("ul#ulMenuNav li:eq(2) a").addClass('navActive');
          } else if (current_page.match(/staff/)) {
              $("ul#ulMenuNav li:eq(3) a").addClass('navActive');
          } else if (current_page.match(/contact/)) {
              $("ul#ulMenuNav li:eq(4) a").addClass('navActive');
          } else { 
              $("ul#ulMenuNav li a").removeClass('navActive');
          };
  
      });
  </code></pre>