Javascriptでのリダイレクトがcanceledされる

ハマったので自分用にメモ

Javascriptを使って、画面上のボタンを押したら別画面にリダイレクトさせようとしたが、
なぜか表示中の画面がリロードされる。

HTML

<button type="text" id="redirect">リダイレクト</button>

Javascript

$('#redirect').on('click', function() {
    window.location.href = 'https://www.google.co.jp/';
});

コンソールのNetworkを見てみると、リダイレクトがcanceledされている

解決法

<button>タグのtypeを text から button に変更するだけでした。

<追記>
コメントでご指摘いただいて発覚、
コードがおかしくて、button typeに text なんて存在しなかった、、、
buttonタグの type="text" は無効な指定なので無視されて
デフォルトtypeの submit が効いていたようです。
MDN:<button>: ボタン要素
感謝！

<button type="button" id="redirect">リダイレクト</button>

無事遷移できた、、、

参考