I'm trying to add a class to a **li** element when clicking the link inside and also navigate to that url, but the class disappears after page is loaded.
So how can i add the class after the page is loaded? 

```
<ul>
<li class="tab"><a href="./my_page.html" class="li-trigger">My Page</a></li>
<li class="tab"><a href="./some_page.html">Some Page</a></li>
<li class="tab active"><a href="./some_page2.html">Another Page</a></li>
</ul>

<script type="text/javascript">
    jQuery(document).ready(function(){  
        jQuery('.li-trigger').click(function (event){
            jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
        });
    }); 
</script>

```