请问为什么例子中的代码显示不出效果
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>toggle()方法绑定多个函数</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>toggle()方法绑定多个函数</h3>
<div>苹果</div>
<script type="text/javascript">
$(function(){
$("div").toggle(
function(){$(this).html("苹果");},
function(){$(this).html("荔枝");},
function(){$(this).html("香蕉");}
)
});
</script>
</body>
</html>