Using jQuery ValidationEngine Plugin with jQuery UI Dialog Popup

Sorry for delay but had to do a lot of research

 <link href="ValidationEngine.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.ucb.org.br/Scripts/formValidator/js/languages/jquery.validationEngine-en.js"
        charset="utf-8"></script>
    <script type="text/javascript" src="http://cdn.ucb.org.br/Scripts/formValidator/js/jquery.validationEngine.js"
        charset="utf-8"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $("[id*=btnPopup]").live("click", function () {
            $("#dialog").dialog({
                open: function (e, u) {
                    $("#dialog").dialog("open").parent().appendTo($("form:first"));
                    //$("#dialog").validationEngine('attach', { promptPosition: "bottomLeft" });
                },
                close: function (e, u) {
                    $(".formError").remove();
                },
                title: "jQuery Dialog Popup",
                buttons: {
                    Ok: function () {
                        if (!$("#dialog").validationEngine('validate')) {
                            return false;
                        }
                        return true;
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
            return false;
        });
    </script>
    <form id="form1" runat="server">
    <div id="dialog" style="display: none">
        <table id="myForm">
            <tr>
                <td>
                    Name
                </td>
                <td>
                    <asp:TextBox ID="txtName" runat="server" CssClass="validate[required]" />
                </td>
            </tr>
            <tr>
            <td style = "height:10px"></td>
            </tr>
            <tr>
                <td>
                    Email
                </td>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server" CssClass="validate[required,custom[email]]" />
                </td>
            </tr>
        </table>
    </div>
    <asp:Button ID="btnPopup" runat="server" Text="Show Popup" />
    </form>

In validation Engine.css you need to change the z-index so that the error popup does not go behind the modal dialog

.formError { z-index: 9990; }