jquery ui dialog 不能提交表单的问题

谁遇到过这种情况，如题，网上查找解决办法都一样 ，但是在我这里改就是不行，求帮助！
我的dialog:<form id="myForm">
<div id="dialog">
<ul>
<li>角色名称：&nbsp;&nbsp;<input id="roleName" name="roleName" type="text"><input id="roleId" name="roleId" type="hidden"></li>
<li>角色描述：&nbsp;&nbsp;<input id="roleDesc" name="roleDesc" type="text"></li>
<li>角色状态: &nbsp;&nbsp;
<input type="radio" value="<%=SystemConstant.ROLESTATUS_ENABLED %>" name="roleStatus"><label>启用</label>
           <input type="radio" value="<%=SystemConstant.ROLESTATUS_DISABLED %>" name="roleStatus"><label>作废</label>
</li>
<li><div id="dtree" align="left"></div></li>
</ul>
</div>
</form>js代码：$(function() { $("#dialog").dialog({
bgiframe: true,//默认为false 对话框后边是否变灰
autoOpen: false,//默认为：true。这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，直到.dialog("open")的时候才弹出dialog窗口
height: 450,
width:350,
position:'center',//dialog的显示位置：可以是'center', 'left', 'right', 'top', 'bottom',也可以是top和left的偏移量也可以是一个字符串数组例如['right','top']。
modal: true,//默认为false不是模式窗口
title:"添加角色",//dialog的标题文字，默认为空
open: function(){
AddGroup();
},//当dialog打开时触发
buttons: {//显示一个按钮，并写上按钮的文本，设置按钮点击函数。默认为{}，没有按钮。
'确定': function() {
addRole();
},
'取消': function() {
$(this).dialog('close');
}
},
close: function() {
//当dialog被关闭后触发此事件。
}
});

$('#create-user').click(function() {
$('#dialog').dialog('open');
});});那位大哥能帮我看看，如何解决？