[jQuery] Where am I going wrong?

[Rick]

I have this code:

var closed = false;
$(document).ready(function(){
        $('#FirstName').click(function(){
                if (closed == false) {
                        $('#popUpMessage').fadeIn('fast');
                }
        });
        $('#FirstName').blur(function(){
                $('#popUpMessage').fadeOut('slow');
        })
        $('#popUpMessageClose').click(function(){
                closed = true;
                $('#popUpMessage').fadeOut('slow');
        })
});

As is, nothing works.. I have this on a field input like so...

<input type="text" name="FirstName" id="FirstName" size="20"
maxlength="128" />

when clicked it shows the hidden div "popUpMessage".. And on blur it
hides it.. Inside that "popUpMessage" div I placed a small div for a
close button named "popUpMessageClose".. What Im trying to do is hide
that popUpMessage div permanently if the close div is clicked.. Any
ideas where Im going wrong??