求解，代码哪里错了。。。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery动画特效</title>
<style type="text/css">
#one{
position:absolute;
top:150px;
left:150px;
height:100px;
width:100px;
border:1px solid red;}
</style>
</head>
<body>
<h4>动画特效</h4>
<div>
<input type='button' value='左移' id='left'/>
<input type='button' value='右移' id='right'/>
</div>
<div id='one'></div>
<script type="text/javascript">
$("#left").bind("click",function(){$("#one").animate({left:"-=50px"},1000));
$("#right").bind("click",function(){$("#one").animate({left:"+=50px"},1000));
</script>
</body>
</html>
