jquery ui 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>

$(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');
        });

});