title: jquery change background-image
body: <p>I'm trying to swap two images with jQuery. Using the hover event I tried:</p>
  
  <pre><code>$("#wlt-DealView .buyButton_new").mouseover(function(e){
      $('.buyButton_new').css('background-image','url(../images/compra_mouseOver.png)');
  });
  $("#wlt-DealView .buyButton_new").mouseout(function(e){
      $('.buyButton_new').css('background-image','url(../images/compra_normal.png)');
  });
  </code></pre>
  
  <p>But the image is not showing and after I get the mouse from it, it triggers the second event. It should update with the first image, but it doesn't.</p>
  
  <p>You can have a look here: <code>http://107.20.186.103/deals/cuerpon</code>.</p>
  
  <p>Hover the <strong>BUY</strong> button.</p>