Помогите, не работает :hover после jquery

Здравствуйте.

Есть код:

<div id='div1'></div>

в css:

#div1 {

background:url('/img.jpg') left top no-repeat;

}

#div1:hover {

background:url('/img2.jpg') left top no-repeat;

}

и скрипт:

по нажатию див выдвигается и

$('#div1').css('background-image', 'url(/img2.jpg)');

по второму нажатию залезает обратно и

$('#div1').css('background-image', 'url(/img.jpg)');

Вот после срабатывания jquery #div1:hover перестает работать.

Получается, что в фоне img.jpg и при наведении ничего не меняется.

Помогите пожалуйста.