jquery - jQueryマウスでドラッグしてキーで移動し、xy座標を出力しますか?

Question

要素をドラッグ可能にし、キーを押すことで移動できるようにしてから、xy 座標を入力ボックスに出力しようとしています。要素は移動し、ドラッグ可能ですが、キーボードを使用して移動すると座標が出力されません。

これは私が使用しているコードの一部です。

$('.dragThis').draggable({
    drag: function() {
        var offset = $(this).offset();
        var xPos = Math.round(offset.left);
        var yPos = Math.round(offset.top);
        $("#x").val(xPos);
        $('#y').val(yPos);
    }
});

var $div = $('.dragThis');
$(document).keydown(function(e){
    if (e.keyCode == 38) { //up
    $div.css('top', $div.offset().top - 1);
    var offset = $(this).offset();
    var xPos = Math.round(offset.left);
    var yPos = Math.round(offset.top);
    $("#x").val(xPos);
    $('#y').val(yPos);
    }

http://jsfiddle.net/DGbT3/1154/

関連: +1 の代わりに +10 のシフト + 矢印の移動も実行したいのですが、残念ながらそれも機能していません。

ありがとう