js执行不了想执行的结果请大佬帮忙看看到底哪里出问题了感谢

悬赏园豆：5 [已解决问题] 解决于 2019-10-15 09:15

    //给按钮绑定事件
    $("input:last").click(function(){
        //创建td并设置文本内容
         var nametd = $("<td></td>");
         var agetd = $("<td></td>");
         var saltd = $("<td></td>");
         var deltd = $("<td></td>");

         nametd.text($("input:eq(0)").val());
         agetd.text($("input:eq(1)").val());
         saltd.text($("input:eq(2)").val());
         //创建tr并且把td装进去
         var tr = $("<tr></tr>");
         tr.append(nametd);
         tr.append(agetd);
         tr.append(saltd);
         //把tr装进table
         $("table").append(tr);
    })
})

</script>
</head>
<body>
<input type="text" placeholder="员工姓名">
<input type="text" placeholder="员工年龄">
<input type="text" placeholder="员工工资">
<input type="button" value="添加">
<hr>
<table>
<caption>员工表</caption>
<tr>
<th>姓名</th><th>年龄</th><th>工资</th><th>操作</th>
</tr>
</table>
</body>
</html>

上图这段代码可以正常执行，但是下面这段代码和上面一样却不能执行

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
//给按钮绑定事件
$("input:last").click(function(){
//创建td并设置文本内容
var nametd=$("<td></td>");
var agetd=$("<td></td>");
var saltd=$("<td></td>");
var deltd=$("<td></td>");
nametd.text($("input:eq(0)").val());
agetd.text($("input:eq(1)").val());
saltd.text($("input:eq(2)").val);
//创建tr并且把td装进去
var tr=$("<tr></tr>");
tr.append(nametd);
tr.append(agetd);
tr.append(saltd);
//把tr装进table
$("table").append(tr);

})

})
</script>
</head>
<body>
<input type="text" placeholder="员工姓名">
<input type="text" placeholder="员工年龄">
<input type="text" placeholder="员工工资">
<input type="button" value="添加">
<hr>
<table>
<caption>员工表</caption>
<tr>
<th>姓名</th><th>年龄</th><th>工资</th><th>操作</th>
</tr>
</table>
</body>
</html>