<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function () {
$('#menu a').each(function () {
var location = window.location.href;
var link = this.href;
if(location == link) {
$(this).addClass('active');
}
});
});
</script>
<ul id="menu">
<li><a href="#">Тест</a></li>
<li><a href="#">Тест 2</a>
<ul>
<li><a href="#">Тест 3</a></li>
<li><a href="#">Тест 4</a></li>
</ul></li>
</ul>
Как сделать, чтобы подсвечивался главный <li> внутри которого еще один ul. На данный момент подсвечивает только внутри второго ul