JQuery :: Animating Individual Elements That Share A Class With Others?

how to animate 1 individual element in a group of elements that share a specific class.

For example, say I have 6 buttons in a row that share the class="button"

They are all styled the same in CSS with .button { etc....}

And what I want to do is animate them when hovering, but only the one I am hovering over at the moment. For example, I've tried this:

$(".button").hover(function() {
$(this).stop().animate({ marginBottom: "200px"}, 800);
},function() {
$(this).stop().animate({marginBottom: "100px" }, 800);
});

Problem is, obviously, this animates all 6 buttons. I could write individual functions for each element but that seems wasteful. I'm assuming there is a way to do this in a more efficient manner.