Выделить активный пункт меню
 

Всем доброго времени суток. Долго искал, но не нашел правильного решения, может быть где-то что-то просмотрел.
Суть задачи: Мне нужно выделить активный пункт меню. Например есть 5 категорий. Одна из них www.mysite.ru/main/ Для этого я использовал скрипт:

$(document).ready(function(){     
  $('nav ul a').each(function () {    
    var location = window.location.href;
    var link = this.href;
    if(location == link) {
        $(this).addClass('first');
    }
   });
});

И при переходе в категорию www.mysite.ru/main/ все работало. Однако, если перейти в одну из новостей данной категории, например www.mysite.ru/main/5-news.html, то выделение пункта меню пропадает.
Какие идеи, советы, может готовые решения?

где тестовый пример с возможностью запуска и выводом твоих href в консоль

Не совсем понял, какой пример нужен. Лично моего варианта нет, потому что я не представляю, как это сделать.
А если непонятно то, что нужно, то попробую пояснить:
Есть меню: Главная | Футбол | Хоккей
Все пункты меню стандартного голубого цвета.
В категории футбол/хоккей есть различные новости.
Нужно сделать так, чтобы когда пользователь находился в одной из этих категорий или же в НОВОСТИ одной из этих категорий, ссылка соответствующего пункта меню (Футбол, Хоккей) меня свой цвел.
То есть нужен такой скрипт, который будет определять, в какой категории находится пользователь и выделять эту категорию.
Вот такие дела

http://javascript.ru/forum/site/4917...u-zapuska.html
где тестовый код с несколькими строчками html, css, js и кнопкой запуска в одном флаконе, из которого можно было бы убедиться, что ты тупо не пишешь в href относительные пути, которые потом сравниваешь с абсолютными