Задание пунктам меню значение стиля по умолчанию
 

Доброго времени суток!

Необходимо задать пунктам меню значение по умолчанию.

Код меню (HTML)

<ul id="horisontal-tabs">
        <li id="home" class="active">
            <a href="#main" >Главная страница</a>
        </li>
        <li id="home" class="active">
            <a href="#main" >&lt;</a>
        </li>
        <li id="works" class="unactive li">
            <a href="#works" >Выполненные работы</a>
        </li>
        <li id="current-works" class="unactive li">
            <a href="#current_works">Текущие работы</a>
        </li>
        <li id="publications" class="unactive li">
            <a href="#publications">Публикации</a>
        </li>
        
    </ul>

Хочу вызвав процедуру byDefault_li задать стиль неактивным пунктам меню. Делаю так:

<script language="javascript">
        $(document).ready( function () {
            var li_tabs=$('#horisontal-tabs li');
            
            byDefault_li(li_tabs);

            //----Задание стиля меню по умолчанию (первая страница)----
            function byDefault_li(obj){
                $(obj).filter("*[class='unactive']").css('background-position',"200px -80px");
            };

           //К каждому пункту меню привязаны еще обработчики Click и hover
        });
    </script>

Почему не работает (в CSS файле все стили касающиеся класса unactive удалены)?

Проблему решил с использованием следующего кода:

//----Задание стиля меню по умолчанию (первая страница)----
            function byDefault_li(li_tabs){
                li_tabs.each(function(){
                    if ($(this).hasClass('unactive')){
                        $(this).css('background-position','-30px -50px');
                    }
                });
            };

filter("*[class='unactive']") не сработало...