jquery - キーダウンで画像をアニメーション化しようとしていますが、うまくいきません

Question

どの矢印キーが押されたかによって #character が上下左右に移動するようにします。コードの何が問題なのかわかりません。

$("#gamescreen").keydown(function(key) {
  switch(parseInt(key.which, 10)) {
    case 38:
      $("#character").animate({top: "-=10px"});
      break;
    case 40:
      $("#character").animate({top: "+=10px"});
      break;
    case 37:
      $("#character").animate({left: "-=10px"});
      break;
    case 39:
      $("#character").animate({right: "-=10px"});
      break;
    default:
      break;
  }
});

これは重要ではないかもしれませんが、#character は実際には 4 つの画像を含む div です。すべての画像の位置は絶対位置に設定されています。