<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("-sharpnav > li").find("a").click(function(){
$("-sharpnav").find("li").removeClass("active");
$(this).parent("li").addClass("active");
});
});
</script>
<div class="z-nav-container" >
<ul class="z-nav-conter menu clearfix" id="nav">
<li ><a href="/" ><span></span></a></li>
<li><a href="/a1brand/"><span></span></a></li>
<li><a href="/product/" ><span></span></a>
<ul class="z-nav-sub">
<li><a href="/product/meishidapei/"><span></span></a></li>
<li><a href="/product/nut/"><span></span></a></li>
<li><a href="/product/seaSedge/"><span></span></a></li>
<li><a href="/product/negative/"><span></span></a></li>
<li><a href="/product/donkeyHideGelatinCake/"><span></span></a></li>
</ul>
</li>
<li><a href="/foundingTeam/"><span></span></a></li>
<li><a href="/a/news/" ><span></span></a></li>
<li><a href="/contact/" ><span></span></a></li>
</ul>
</div>
Why can"t class= "active" highlight be added when navigation is selected using the above code? solve