代码问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<STYLE type=text/css>#loading {
width:20px;
height:2px;
background:#A0DB0E;
position:absolute;
left:400px;
top:200px;
}</STYLE>
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
  $("#loading").animate({width:'100px'},"slow");
$("#loading").fadeTo("fast",function(){location.href ="index.html"});  });
  </script>
</head><body>
<div id="loading" ><div>
</body>
</html>
为什么我fadeto里面参数写了回调函数 为什么没反应不会跳转网页呢