大変お世話になっております。

あるページのリンクをクリックすると、ログインフォームのページが開かれ、そこでユーザーID/パスワードを入力し、ログインボタンを押すと、あるページにログインすることができるという以下の流れがあります。

①②へのリンクをクリック
②ログインフォームに入力、ログインボタンをクリック
③目的のページにログイン

この、②のページでユーザーID(email)とパスワードの入力、そしてログインボタンをクリックという3つの作業を、例えばJavaScriptを利用することにより、①で②へのリンクをクリックした時点で③のページが開かれている様にしたい為、以下の様な設定に致しましたが(簡略化しております)、②のページが開かれた時点で何の動作も致しません(しかしながら、②が開かれた後、ユーザーID/パスワードを入力することなく、ログインボタンをクリックするだけでページ③にログインはされます)。

どの様に変更すれば、目的の動作をするかご教示頂けませんでしょうか。

②のindex.html

<!doctype html>
<html>
<head>
</head>
<body>

<script>
document.getElementById('button').click();
</script>

<form id="LoginForm" name="LoginForm"   method="post" class="LoginForm">

<input type="text" name="email" id="email" style="width:90%"  value="test_login@gmail.com">

<input type="password" name="pass" id="pass" style="width:90%" value="test_login">

<input type="submit" name="button" id="button" value="ログイン" class="sendButton">

</form>

</body>
</html>