Second hint is not showing

Hi fellow coders!

I have to admit that I getting pretty confused while trying to grasp the idea behind jQuery.

In this exercise I cannot get my second hint to show. I tried to follow Andrew step by step but I must have missed something. Could you tell me where did I go wrong?

Here is my code (don't mind the poorly written comments :) ):

//Problem: Hints are shown even when form is valid //Solution: Hide and show them at approriate times var $password = $("#password"); var $confirmPassword = $("#confirm_password"); //Hide hints $("form span").hide();

function passwordEvent() { //Find out if the 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).focus(confirmPasswordEvent).keyup(confirmationPasswordEvent);

//When event happens on confirmation input $("#confirm_password").focus(confirmPasswordEvent).keyup(confirmnPasswordEvent);