Strange issues with this part - Please Help!

This is a strange one.

I have checked the code over and over. I have also pasted it into jsbin. It showed no errors. The console log shows no errors.

This issue is two part. (Using Chrome)

1: I Ctrl R on the page, I get a confirm form resubmission alert - click yes, and it shows a completely blank page (nothing in console log)

2: Ctrl R again and click yes again to the resubmission alert and low and behold the page appears. (This is constant, if I refresh again, page blank, refresh, page shows...)

/* SOLVED BELOW

Password hint works but password confirm does not at all, it does not show at all or do anything regardless of what you type. Code is below. 4 eyes are better than 2 but it's frustrating and I apologise for any blatant mistakes!

Thanks in advance!

//Problem: Hints are showing even when form is valid //Solution: Hide and show them at appropriate times

var $password = $("#password"); var $confirmPassword = $("confirm_password");

//Hide hints $("form span").hide();

function passwordEvent() { //Find out if password is valid if($password.val().length > 8) { //Hide hint if valid $password.next().hide(); } else { //else show hint $password.next().show(); } }

function confirmPasswordEvent() { //Find out if password and confirmation match if($password.val() === $confirmPassword.val()) { //Hide hint if matched $confirmPassword.next().hide(); } else { //else show hint $confirmPassword.next().show(); } }

//When event happens on password input $password.focus(passwordEvent).keyup(passwordEvent);

//When event happens on confirmation input $confirmPassword.focus(confirmPasswordEvent).keyup(confirmPasswordEvent); //Hide hint if matched //else show hint

*/