Fade Background image on mouseover

Fade Background image on mouseover

I like the jquery library, but I am new at using it so getting things to work correctly is becoming a pain.

I have set up an image gallery that when you hover over a image the background is supposed to fade in. My problem is that all the images fade in and out. The gallery is supposed to do like this one with the exception that the background gradient would fade in on mouseover and fade out on mouseout.

using this code how do I chain the fade out event to the background div without fading all the images?

// JavaScript Document
$(function() {
// do something on document ready
$('.thumbnailbgex').hover(function() {
      $(this).addClass('ie-hover');
   }, function() {
   $(this).removeClass('ie-hover');
   });
});