easyui 表单提交的怪问题

一个很简单的表单。

<form id="commentForm" method="post">

<fieldset>

<p><label for="usercd">用户代码：</label> <input id="usercd"

name="loginformbean.usercd" required="true" class="easyui-validatebox" /></p>

<p><label for="userpwd">密码：</label> <input id="userpwd"

type="password" name="loginformbean.userpwd" required="true"  class="easyui-validatebox" /></p>

</fieldset>

<p>

<a href="#" id="buttonOK" >登  录</a>

 

</p>

</form>

 

通过easyui的ajax方式表单提交

$('#buttonOK').linkbutton({  

   plain:false  

}); 

$("#buttonOK").click(function(){

// call 'submit' method of form plugin to submit the form  

$('#commentForm').form('submit', {

url:"LoginValidate.action",

   success:function(data){  

//alert(data);

showResponse(data);  

   }  

});  

});

怎么都没法执行到success的callback里。

后来把linkButton放到<form>的外面，竟然就OK了。即使LinkButton写在<form>的外面，但是如果看view source的话，还是在<form>的里面。不知道为什么。