bootstrapのmodalでキャンセルボタン押下で動作をキャンセルしたい

前提・実現したいこと

ダイアログを表示し、OKボタン押下のとき処理を続行し、キャンセルボタンでsubmitを取り消したいです。
以下のように、例えばformのinput要素の値が1だったらダイアログを表示してOKかキャンセルかを選択するまで処理を待機したいのですが、
実際には、一瞬だけダイアログが表示されますが、一瞬で消滅してしまい、
そのまま画面上のイベントを待たずにsubmitが実行されてしまいます。

どのように修正したら良いでしょうか。
アドバイスをお願いいたします。

該当のソースコード

HTML
1<form id="form_a">
2  <input type="text" id="test" value=1>
3  <button type="submit" id="form_button">実行</button>
4</form>
5
6<div id="dialog_a" class="modal" role="dialog">
7  <div class="modal-dialog" role="document">
8    <div class="modal-content">
9      <div class="modal-body">処理を続行しますか？</div>
10      <div class="modal-footer">
11        <button type="button" class="btn btn-primary" id="ok">OK</button>
12        <button type="button" class="btn btn-primary" id="cancel">cancel</button>
13      </div>
14    </div>
15  </div>
16</div>

JavaScript
1$('#form_a').submit(function(){
2  if($('#test').val() == 1){
3    $('dialog_a').modal({backdrop:'static', keyboard:false, show:true});
4  }else{
5    return true;
6  }
7});