<div id="stuck_container" class="stuck_container">
<div class="container">
<nav class="nav">
<ul class="sf-menu">
<li class="active"><a href="./">Home</a></li>
<li><a href="AboutUs.php">About Us</a></li>
<li><a href="Services.php">Services</a></li>
<li><a href="Clients.php">Clients</a></li>
<li><a href="Contacts.php">Contacts</a></li>
<li><a href="WorkwithUs.php">Work with Us</a></li>
</ul>
</nav>
</div>
</div>
<script>
var selector = 'nav li';
$(selector).on('click',function(){
$(selector).removeClass('active');
$(this.selector).addclass('active');
})
</script>
i use this code to a menu the problen is that when i click it the li that have the url that i click have too be selected by some css but it keep only mark the home li no meater were is it