jquery - エレメントが元の位置に戻らない？

Question

の要素がありbottom: 10ます。ホバリング中に20に変更したい。マウスアウトで 10 に戻ります。

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

現在は20のままです。

私が間違っていることは何ですか？