Как прописать выделение активного пункта меню?

Question

[krop6]

В интернетах совсем ничего не найду по такому вопросу:
Есть менюшка:

<div id="main-nav">
<ul>
<li><a href="/index1">1</a></li>
<li><a href="/index2">2</a></li>
<li><a href="/index3">3</a></li>
<li><a href="/index4">4</a></li>
</ul>
</div>

И к ней :

$(function() {
var url=document.location.href;
$.each($('#main-nav a'),function(){
if(this.href==url){$(this).addClass('active');};
});
});

не пойму в чем проблема, находясь в разделе index1 и листая страницы index1-1, index1-2 выделение снимается.
На первый взгляд ведь кажется, что все очень легко, но вот я догнать не могу

Answer 1

[Сергей Семенко]

Может так?

$('#main-nav a').each(function(e) {
    if (this.href == url) $(this).addClass('active');
});

Comments

[krop6]

Аналогично получилось
опять же, категория меню нормально выделяется, если находишься на 1-ой ее странице. Если переходишь на другую страницу - выделение пропадает

[Сергей Семенко]

krop6: а ты скрипт на всех страницах поместил?

[krop6]

да, инклюдом включил во все страницы разделов(index1, index2...), а php пагинация сама генерится.(index1-1,index1-2...) Может в этом проблема?