valide JS mais mouseover ne fonctionne pas

Question

Je suis aux prises avec le survol discret pour changer une image de fond. JSLint me dit que mon code est valide mais ça ne marche toujours pas. Pouvez-vous aider?

http://jsfiddle.net/kxNvW/23/

html

<div class="btn large contempt"> 


</div> 

css

.btn.large.contempt { 
    background: url(http://dummyimage.com/100x100/83c79f/fff); 
    width: 100px; 
    height: 100px; 

} 

jquery

$(document).ready(function() { 
$(".btn.large.contempt").bind('mouseover', function() { 
$(".btn.large.contempt").attr('background','url(http://dummyimage.com/100x100/c78383/fff)'); 
}); 
}); 

Answer 1

Remplacer attr par css - background est une propriété CSS et non HTML.

Answer 2

Essayez celui-ci: http://jsfiddle.net/kxNvW/29/