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(){ 
     ... 
    }); 
});