form action で違うページに遷移せず$_POSTが取得できない

Question

表題の通りですが、基本的なHTMLとPHPで簡易的なフォームを作成しています。

    <form id="form" action="test.php" method="post">
      <input type="text" name="tsuka" class="js-tsuka" />
      <input type="text" name="jyoshoritsu" class="js-jyoshoritsu" />
      <input type="text" name="jikasougaku" class="js-jikasougaku" />
      <input type="button" name="submit" value="送信" class="js-submit"/>
    </form>

        $(".js-tsuka").val(arr);
        $(".js-jyoshoritsu").val(arr2);
        $(".js-jikasougaku").val(arr3);

後からJSでinputのバリューに値を挿入しています。
この時、普通に送信ボタンを押すとtest.phpに遷移して、test.php側で、
下記のように受け取れるかと思いますが、なぜかそもそも遷移しません。
JSなどで遷移しないように制御をしているわけではないので、なぜ遷移しないのかわからず困っています。

$tsuka = $_POST['tsuka'];
$jyoshoritsu = $_POST["jyoshoritsu"];
$jikasougaku = $_POST["jikasougaku"];

どうぞご教授ください。

Answer 1

<input type="button" name="submit" value="送信" class="js-submit"/>

こちらの行に問題があります。

こちらを以下のようにtype="button"をtype="submit"へ変更すれば動作するはずです。

<input type="submit" name="submit" value="送信" class="js-submit"/>

Comments

[tal]

初歩的なミスに気づかず申し訳ございません。
こちらで無事解決することができました。この度はありがとうございました。

Answer 2

JavaScriptが代入しか書いてないので想像ですが、
buttonのclickイベントでarrなどを代入していると思います。最後にフォームをsubmitしていますか？
$('#form').submit();

Comments

[tal]

こちらは特に書いておりませんでした。

sdmilieu様の回答で解決することができました。
コメントいただきありがとうございました。