Модальное диалоговое окно jQuery box не отправляет мою форму

Я использую модальное диалоговое окно jQuery, чтобы спросить пользователя, хотят ли они отправить форму или нет.

Однако после того, как пользователь нажимает кнопку «Отправить» в диалоговом окне, форма не отправляется.

Если я затем снова нажимаю кнопку отправки формы, она отправляется.

Я предполагаю, что это проблема области действия, я видел некоторые другие сообщения об этом, но пока что провел много часов безуспешно. Есть идеи, как решить эту проблему?

Javascript

$(document).ready(function(){
    var submitForm = $('#myform');
    submit = false;

    $("#confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        autoOpen: false,
        buttons: {
            'Submit': function() {
                $(this).dialog('close');
                submit = true;
                submitForm.submit();
            },
            'Cancel': function() {
                $(this).dialog('close');
            }
        }
    });
    $("#confirm").parent().appendTo($("#myform")); 

    submitForm.submit(function() {
        if (submit) {
            return true;
        } else {
            $("#confirm").dialog('open');
            return false;
        }
    });
});

HTML

<form id="myform" action="#" method="post">
    <input type="text" name="check_me" />
    <input type="submit" name="submit" value="Go!" />
</form>
<div id="confirm" style="display:none;">Please confirm that you want to submit</div>