JQ生成的button和直接写在网页中的效果不同

求助：JQ生成的button和直接写在网页中的效果不同？
1。JQ生成
JS：
var tablesubmit = "";
  tablesubmit += "<div class='clear'></div><div class='submit topbar'>"
  tablesubmit += "<input id='btn_Submit' type='button' value='交 卷' /></div>";
  $("#submit").html(tablesubmit);
HTML：<div id="submit"></div>

然后再使用JS：

$('#btn_Submit').click(function () {
ALERT（'哈哈'）;
}

就是不弹出对话框：（晕死

而把button直接写在HTML里，就可以弹出来：（

2。直接写在HTML

HTML：<div id="submit"><input id='btn_Submit' type='button' value='交 卷' /></div>


这是为什么呀：（

[解决办法]
可能是代码的顺序由问题，对动态生成的元素绑定事件最好使用.live()方法。

JScript code

$(document).ready( function() {   $('#btn_Submit').live('click', function() {      alert('...');   });});