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