jquery - thumbnails fading altogether instead of only the one I have my mouse over

I have a few thumbnails set up to fade on hover and reveal the post metadata. The problem is when I hover over one thumbnail, all of them fade.

You can see what I me开发者_开发问答an here: http://jsfiddle.net/LDs6C/10/

How can I make it so only the thumbnail I'm hovering over fades?

---

You're still matching all the images and descriptions in your hover handler. You should restrict the selectors to the current thumbnail, e.g. by using this as the selector context:

$('.thumbnail').hover(function() {
    $('img', this).stop(true, true).fadeTo(400, 0.2);
    $('.description', this).stop(true, true).fadeIn(400);
}, function() {
    $('img', this).stop(true, true).fadeTo(400, 1);
    $('.description', this).stop(true, true).fadeOut(400);
});

Updated fiddle here.