为什么我的数据输入后不能输出来
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<style type="text/css">
input{
display:block;
margin:10px;
}
ul{
list-style-type:none;
}
</style>
</head>
<body>
<div>
<input type="text" name="number" id="number" value="请输入学号">
<input type="text" name="name" id="name" value="请输入姓名">
<input type="button" name="save" id="save" value="保存">
<input type="button" name="showup" id="showup" value="显示">
<ul id="studentData">
<li>姓名 学号</li>
</ul>
<script>
var json=[];
$("#save").on("click",function(){
json.push(
{"name":$("#name").val()},
{"number"：$("#number").val()}
);
$("#name").val("");
$("#number").val("");
});
$("#showup").on("click",function(){
$.each(json,function(i){
$("#studentData").append("<li>"+json[i].name+" "+json[i].number+"</li>");
})
});
</script>
</div>
</body>
</html>
