Изменить цвет :hover элемента через jquery

[verfaa]

На странице цвет элементов меняется динамически (пользователь выбирает цвет).

В связи с этим jquery выборка не работает

$('#nav ul a:hover').css("background", menu + 'url(/images/menu-gradient.png) repeat-x 0 -100px');

(в переменной menu хранится цвет).

Как правильно переписать этот участок кода? В чем ошибка, ведь аналогичный код без :hover работает нормально.

 

[jDony]

Как-то так:

$('#nav ul a').hover(
    function() {
        $(this).css("background", menu);
    }, function () {
        $(this).css("background", "#fff");
});

Или так:

$('#nav ul a').on({
    mouseover: function() {
        $(this).css("background", menu);
    },
    mouseleave: function () {
        $(this).css("background", "#fff");
}});

Проверил на jsfiddle - работает.

 

[cooli0]

var bg = $('#nav ul a').css('background');
$('#nav ul a').hover(function() {
    $(this).css('background', menu + ' url(/images/menu-gradient.png) repeat-x 0 -100px');
}, function() {
    $(this).css('background', bg);
});