Add Active Navigation Class Based on URL

JqueryActive.html

<nav>
   <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/about/">About</a></li>
      <li><a href="/clients/">Clients</a></li>
      <li><a href="/contact/">Contact Us</a></li>
   </ul>
</nav>	

<script>
    // menu active class add
   if(location.pathname === "/"){
      $("nav a[href='/']").addClass("active");
   } 
   else{
      $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass("active");
   }
</script>