jQuery Hover featured thumbnail In loop?

Hello I am trying to make a jquery hover over my featured thumbnails. It’s a simple hover with the whole image fading to back with the title over the blacked out image. I’ve tried a few different attempts. none successful

This is how I’m calling my thumbnails in to the loop. any ideas?

<div id="news">
  <div class="title"><h5>Latest News</h5></div>
<div class="featured-loop">
	<?php $recent = new WP_Query("cat=3&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
		<a href="<?php the_permalink() ?>" ><div class="feat-post-background"></div>
<h2 class="feat-post-top-title"><?php the_title(); ?></h2></a>
	<div class="feat-thumb">

    <a href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail() ) the_post_thumbnail('feat-loop'); ?></a>

    </div>

	<?php endwhile; ?>
</div>
</div>

Thanks