jQuery的绑定提交不工作

Question

我有一个这样的形式：

<form class="category_form" id="category_form" method="post"> 
<p class="ui-widget"> 
    <label for="birds">Birds: </label> 
    <input id="birds" /> <a id="add_category" href="#">Add Category</a> 
</p> 

<p class="ui-widget" style="margin-top:2em; font-family:Arial"> 
    Result: 
    <textarea id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></textarea> 
</p> 

<p> 
    <input type="submit" class="button" value="Add"> 
</p> 
</form> 

，我有一个jQuery绑定功能是这样的：

​​

我想有发生的情况是每时间提交按钮被按下时，jQuery函数将会触发并且警报会发生，但由于某种原因，它并不像我想象的那样工作。

的活生生的例子是这样的测试页：http://problemio.com/test.php

任何想法，为什么按添加按钮不会使上述jQuery的工作吗？

谢谢！

Answer 1

您结合应该被包裹在$(document).ready或它试图形式存在，之前的形式绑定在页面上：

$(document).ready(function(){ 
    $('#category_form').bind('submit',function(){ 
     ... 
    }); 
});