Q:

JavaScript on click event handler

Всем привет.
Есть проблема в следующем коде: скрипт не работает. 
Цель - при нажатии на "click here" спрятать login div и перекинуть юзера на login helper. 
Буду рад любой критики и лучшим примерам! 

function loginHelper(){

     document.getElementById("pass_forgot").onclick = function (){ 

     document.getElementById("login").style.display = "none";
     document.getElementById("login_help").style.display = "block";
    
    }
}
 
<div id = "login" class = "login_form">

 <form id = "logger">
  
  <label for id = "user_name">User name:</label>
  <input id = "user_name" name = "user_name" type = "text" placeholder = "user name">
  <br>
  <label for id = "password">Password:</label>
  <input id = "password" name = "password" type = "text" placeholder = "password">
  <br>
  <label for id = "email">Email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <label for = "remember_me">Remember you on this computer ? </label>
  <input type = "checkbox" name = "remember_me" id = "remember_me">
  <br>
  <input type = "submit" value = "Login">

 </form>

<p id = "pass_forgot">Forgot your password? <a href="#login_help"> <button onclick = "loginHelper()">Click here!</button></a></p>


<div id  = "login_help" class = "login_help">

  <form id = "helper">
  <label for id = "email">Your current email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <input type = "submit" value = "Send">
  </form>

  </div>

A:

function loginHelper(){

 //    document.getElementById("pass_forgot").onclick = function (){ 

     document.getElementById("login").style.display = "none";
     document.getElementById("login_help").style.display = "block";
    
 //   }
}
<div id = "login" class = "login_form">

 <form id = "logger">
  
  <label for id = "user_name">User name:</label>
  <input id = "user_name" name = "user_name" type = "text" placeholder = "user name">
  <br>
  <label for id = "password">Password:</label>
  <input id = "password" name = "password" type = "text" placeholder = "password">
  <br>
  <label for id = "email">Email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <label for = "remember_me">Remember you on this computer ? </label>
  <input type = "checkbox" name = "remember_me" id = "remember_me">
  <br>
  <input type = "submit" value = "Login">

 </form>

<p id = "pass_forgot">Forgot your password? <a href="#login_help"> <button onclick = "loginHelper()">Click here!</button></a></p>
  
  </div>


<div id  = "login_help" class = "login_help" style="display:none;">

  <form id = "helper">
  <label for id = "email">Your current email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <input type = "submit" value = "Send">
  </form>

  </div>

