.css() и .addclass для background-image
 

Здравствуйте. Пытаюсь при наведении мыши запустить метод css(или addclass), чтобы изменить фоновое изображение слоя. Не работает... Все остальные свойства получается менять, а фон нет. Почему не подскажите? И как его в таком случае менять?

Всё работает:

<style>
div {
  width: 250px;
  height: 200px;
}
.bubble {
  background: url('http://www.reekielum.com/backgrounds/bubble.jpg')
}
.wood {
  background: url('http://www.nickfassolas.com/blog/images/Wood01.jpg')
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
hiddenImg= new Image();
hiddenImg.src= "http://www.nickfassolas.com/blog/images/Wood01.jpg";
$(function(){
  $('div').mouseover(function(){
    $(this).removeClass('bubble').addClass('wood');
  }).mouseout(function(){
    $(this).removeClass('wood').addClass('bubble');
  });
});
</script>

<div class=bubble></div>