jQuery Forum

Two other students and I are working on a website as a small class project.
I decided to handle the jQuery side of things and I am stuck on trying to figure out how to better animate the column at the top when you hover over the item. This is the jQuery for one element in my list:

1. $("#Jobs").mouseenter(function(){$("#Jobs").css({background:img});});
2. $("#Jobs").mouseleave(function(){$("#Jobs").css({background:img2});});

#Jobs is the div id inside of the <li> tag which is connected to a CSS element. Is there anyway I can animate or fade this to really wow my professor and intrigue the students?
Also, if there are any other ideas that I can use jQuery in this site  please let me know!