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

求助：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('...');
   });
});