Element doesn't come back to original position?
<p>I have an element with <code>bottom: 10</code>. I want it to change to 20 while hovering on it. And come back to 10 on mouse out:</p>

<pre><code>$('.home-box-caption a').hover(function() {
  $('.home-box-caption a').animate({
    bottom: 20
  }, 200, function() {
    bottom: 10
  });
});
</code></pre>

<p>Right now it just remain in 20.</p>

<p>What I'm doing wrong?</p>
