javascript - jquery ダイアログ ボックスの動作を理解できない

Question

ボタンをクリックした後にダイアログ ボックスを作成し、ダイアログ ボックスに 2 つのチェックボックスと 1 つのテキスト ボックスがあります。私の Java スクリプト コードは次のとおりです。

var $dialog = $('<div></div>')
    .html('<form id="verifyform" action=""><input type="checkbox" id="correct" name="correct" value="true" />Tick if Word is valid<br /><input type="checkbox" name="discard"  id="discard" value="true" /> Tick if you want to discard this word <br /><br /><br />If you want change/edit existing word,enter new word in below text box <br /><input type="text" name="new_word" id="new_word" value="" /><br /></form>')
    .dialog({
        autoOpen: false,
        title: 'Verify Words',
        buttons: {
            "Submit": function() {  $('form#verifyform').submit();},
            "Cancel": function() {$(this).dialog("close");}
        }
    });
    $dialog.dialog('open');
    $('form#verifyform').submit(function(e){
        e.preventDefault();
        var correct_check = $('#correct').is(':checked');
        $("#dialog").dialog();
        $('.insert-data').append('<li>'+correct_check+'</li>');   
        $dialog.dialog('close');
    });        

私のhtmlコードは次のとおりです:-

<div id="dialog" title="Verify Words"> <ul class="insert-data"></ul></div><button id="getselected" onclick="get_select()">Select row and Verify</button>

ダイアログボックスで「正しい単語のチェックボックス」を選択すると、最初は「true」という値が得られますが、そのチェックボックスを2回目に選択しなかったときは、「true」という値が4回得られました

私はこの行動を理解できませんか？これを修正する方法は？この問題について何か助けていただければ幸いです。