javascript - .click内のjQuery .submit([callback])が機能しない

Question

これについて簡単な説明があることを願っていますが、まだ見つけていません。

イベントで送信するフォームをトリガーしようとしています。そのフォームが送信されると、コールバックが必要です。私のコードは、イベントを使用して送信コールバックなしで .submit() をトリガーするだけで機能し、送信コールバックはイベントトリガーの外部で機能しますが、それらを同時に機能させることはできませんでした。

私のjavascriptは次のとおりです。

$("#test_form #notabutton").click( function () {
    alert("Checkpoint 1");
    $('#test_form').submit( function( event ) {
        alert("Checkpoint 2");
        return;
    });
});

そして私のhtml：

<form id="test_form">
    <input type="checkbox" name="letter" value="Alpha">Alpha<br>
    <input type="checkbox" name="letter" value="Bravo">Bravo
    <!-- <input type="submit" value="Submit"> -->
    <div id="notabutton" style="height:100px; width:100px; background-color:blue;"></div>
</form>

そして、ここに良い測定のための jsfiddle があります: http://jsfiddle.net/5bwGw/。

私が間違っていることはありますか？