jquery元素定位問題

有人可以告訴我爲什麼我的代碼不起作用？下面的代碼應該按下左箭頭鍵時將我的div移動到左側，並在按下右箭頭鍵時移動到右側。由於jquery元素定位問題

<html>                 
<head> 
<style type="text/css"> 
    #movingdiv { color: #00FF00; 
    font-family:arial; 
    font-size: 18pt; left: 50px; width: 220px; background-color: yellow;} 
</style>                 
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>   
<script type="text/javascript">           
    $("*").keydown(function(e) { 
    if(e.keyCode == 37) { // left arrow key 
    $("#movingdiv").animate({ 
     left: "-=900" 
    }); 
    } 
    else if(e.keyCode == 39) { // right arrow key 
    $("#movingdiv").animate({ 
     left: "+=900" 
    }); 
    } 
});         
</script>                
</head>                 
<body>                 
    <div id="movingdiv">sdfsdfsdf</div>          
</body>                 
</html>

來源

2011-04-19 Victorgalaxy