表单上的MVC提交打开JQuery对话框，等待用户响应

我有MVC应用程序;在表单内部，当用户单击"保存"按钮时，它应该将表单提交给控制器并保存更改。如果满足某些条件，它将弹出JQuery UI对话框，执行一些ajax调用，要求用户在对话框中输入，并在用户单击对话框中的新"保存"按钮后提交表单。

我的问题是，在表单"保存"按钮单击，对话框出现，但页面立即发布(我可以看到加载器在浏览器选项卡窗口中工作)，用户永远不会与对话框交互，因为它在成功的页面发布后消失。我的HTML:

@using (Html.BeginForm("Edit", "LsaPage", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    //some other fields
    <input type="submit" name="actionType" value="Save" id="btnFormSubmit"/>
<div id="inctivePageDialog" title="This is JQuery dialog">
    <p> Do you wish to terminate LSA Page on Grids?</p>
    <div id="termdatebox">
        <h5>Enter Page termination date.</h5> 
        <input class = "datepicker" id="pageTermDate"/>
        <button type="submit" id="finalize" value="Save">Save</button>
    </div>
</div>
}

和JQuery:

$('#btnFormSubmit').click(function (e) { //form submit button
    if (newPageStatus == "I" && pageStatus == "A") { //conditions
        $.ajax({
            type: 'GET',
            url: '@Url.Action("InactivatePage", "LsaPage")',
            data: { pageId: "@Model.PageID" },
            dataType: 'json',
            cache: false,
            async: false,
            success: function (data) {
                var anyActive = 0;
                $.each(data, function (index, item) {
                    //processing
                    anyActive += 1;
                });
                if (anyActive > 0) {
                    $('#inctivePageDialog').dialog("open"); //open the jquery dialog
                }
            }
        });
    }
});
//dialog that shows up when conditions are met
$('#inctivePageDialog').dialog({
    autoOpen: false,
    modal: true,
    width: 500,
    height: 500,
    buttons: {
        Yes: function () {
            //if user clicks yes on the dialog, it will ask for the date and show new Save button
            $('#termdatebox').show(); //show input textbox
            $('.ui-button:contains("Yes")').hide(); //hide original dialog Yes button
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});
//Save button click event on the dialog 
$('#finalize').on('click', function (e) {
    var termdate = $('#pageTermDate').val();//get user input
    $('#inctivePageDialog').dialog('close');
    $.ajax({
        type: 'POST',
        url: '@Url.Action("InactivatePageRelations", "LsaPage")',
        data: { pageId: "@Model.PageID", termDt: termdate },
        dataType: 'json',
        cache: false,
        async: false,
        success: function (data) {
            debugger
            $('form').submit();
        }
    });
});