jQuery ajax 为什么$( #btnSub ).click()没有效果

Question

$("#btnSub").click(function(){
var username = $("#txtusername").val();
var message = $("#txtmessage").text();
$.post("Update.ashx",{"username":username,"message":message},function(data,state){
if(state == "success"){
var res = "<tr><td>"+username+"说：</td></tr><tr><td>"+message+"</td></tr>";
$("#room").append(res);
}
});
});
上面是js代码
<input type="button" id="btnSub" value="提交" /> 这个是提交按钮
感觉代码没有错误啊，但就是没有效果

Answer 1

把function里面的代码全删掉，逐行添加并alert
如果有一句是错的整个方法都有可能没反应

Answer 2

$( #btnSub ).click()是针对于网页上的元素
比如你有一个ID是btnSub的按钮
在js里面写
$("#btnSub").click(function(){
具体的方法
});

Answer 3

$( #btnSub ).click()

改成：$( "#btnSub" ).click()
加上引号，否则选不中该按钮

追问

我加的有引号一样没效果啊

Answer 4

<button id="btnSub">按钮</button>
方法一：
$( "#btnSub").click();
方法二：
var btnSub = $("#btnSub"); // 或者var btnSub = document.getElementById("btnSub");
$(btnSub).click();

Answer 5

看上去没什么问题，最笨的办法，加入alert("ok");一行一行换，如果能alert出来那上面的代码都没问题。
用火狐查看错误