I broke my JQuery :(

//Problem: Hints are shown 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 match 
    $confirmPassword.next().hide();
  } else {
    //else Show hint
    $confirmPassword.next().show();
}
//When event happens on password input
$("#password").focus(passwordEvent).keyup(passwordEvent);



//when ebent happens on confirmation input
$("#confirm_password").fcus(confirmPasswordEvent).keyup(confirmPasswordEvent);