jQuery change background on hover

jQuery change background on hover

Okay so the title says it all :P
Here is my code:
CSS:
  2. #item1,#item2,#item3,#item4,#item5{
  3. font-family:"Trebuchet MS", Helvetica, sans-serif;
  4. height:100px;
  5. text-shadow: 0px 1px 1px #4d4d4d;
  6. width:300px;
  7. vertical-align: middle; 
  8. border:0;
  9. text-align: center; 
  10. }
  11. #item2,#item4{
  12. background-image: url('eee50.png');
  13. }
  14. #item1,#item3,#item5{
  15. background-image: url('white50.png');
  16. }
+

  2. .itemhover{
  3. background-image:url('lightblue50.png');
  4. font-family:"Trebuchet MS", Helvetica, sans-serif;
  5. height:100px;
  6. text-shadow: 0px 1px 1px #4d4d4d;
  7. width:300px;
  8. vertical-align: middle; 
  9. border:0;
  10. text-align: center; 
  11. }
Tried this:
  2. $(this).stop(true,true).animate({ backgroundImage: 'url("lightblue50.png")'  }, 'slow');
  3. },
  4. function(){
  5. $(this).stop(true,true).animate({ backgroundColor: "transparent"}, 'fast');
  6. });
and

  2. $('#item1, #item2, #item3, #item4, #item5').hover(function() {
  3.     $(this).addClass('itemhover');
  4. }, function() {
  5.     $(this).removeClass('itemhover');
  6. });
  7. });
But still cant make it work,can anyone help me? :P
Thanks.