jQuery Перемещение div с помощью клавиш со стрелками

Я пытаюсь переместить div с помощью клавиш со стрелками. У меня есть следующий код, который у меня не работает. Вы не видите в этом ничего плохого. Проверьте jsfiddle на http://jsfiddle.net/N5Ltt/1/

$(document).keydown(function(e) {
    switch (e.which) {
    case 37:
        $('div').stop().animate({
            left: '-= 10'
        }); //left arrow key
        break;
    case 38:
        $('div').stop().animate({
            top: '-= 10'
        }); //up arrow key
        break;
    case 39:
        $('div').stop().animate({
            left: '+= 10'
        }); //right arrow key
        break;
    case 40:
        $('div').stop().animate({
            top: '+= 10'
        }); //bottom arrow key
        break;
    }
})