Webアプリのモーダル画面について

HTML内でモーダル画面で編集画面を表示させ、「OK」ボタンを押したら、DB編集するような
普通のWebアプリを作成しています。

しかし、OKボタン押下後、postの呼び出しがされない理由を教えていただけますでしょうか。
postアクションの呼び出しは、モーダル画面表示後のOKボタン直前に記載しています。

HTML
1    <div id="overflow">
2      <div class="conf" style="width:300px;">
3        <p style="text-align: center;">更新してよろしいですか？</p>
4<form method="post" action="https://script.google.com/a/macros/...../exec">
5        <input type=hidden name=mode value='edit' />
6        <div class="btns" style="text-align: center;"><input type="button" class="end-button1" name=update value="OK" class="ok" onClick="next();"> <input type="button" class="end-button2" value="キャンセル" onClick="cansel();"></div>
7      </div>
8    </div>

javascript
1      function next() {
2          modal.style.display = "none";
3          $("#overflow").hide(); // 確認ボックスを消す
4          $('#update').val('OK');
5      }

function doPost(e){

  console.log("post!");
  console.log("update = " + e.parameters.update);
  console.log("mode = " + e.parameters.mode + "; p = " + e.parameters.p);
  //編集時
  if (e.parameter.mode == 'edit' && e.parameters.update == 'OK') {
      // DB更新処理
  }