Add Active Navigation Class Based on URL

file.html

<nav>
<ul>
<li><a href="http://domain.com/">Home</a></li>
<li><a href="http://domain.com/about/">About</a></li>
<li><a href="http://domain.com/clients/">Clients</a></li>
<li><a href="http://domain.com/contact/">Contact Us</a></li>
</ul>
</nav>	

script.js

$(function() {
    var current_url = window.location.href.split('?')[0]; // get current URL without query string
    $('nav a[href^="' + current_url + '"]').parent().addClass('active'); // add class "active" to <li>
});