Problem with Forms plugin and IE 7

Problem with Forms plugin and IE 7

Hi,

I'm using the Validation plugin in conjunction with the Forms plugin for an online survey app the I made for my company. You can see the app at: www.millenniumpromise.org

I've disabled the app for IE 7, so if you go to that page using IE 7 you won't see the app.

The app works beautifully on Firefox, Safari, and IE 8. However, on IE 7, my validation script seems to make the browser "freeze." I've narrowed it down to the snippet below (SEE BELOW). After a long trial and error session, I discovered that if I remove this part of the script (SEE BELOW), the app runs.

Can anyone tell me why this doesn't work in IE 7? I'm somewhat new to jQuery and object-oriented programming.

Thanks in advance!!!!

$('#questions1').validate({
        rules: {
           first_name: {
               required: true,
           },
           last_name: {
               required: true,
           },
           email: {
               required: true,
               email: true,
                remote: "check_email.php"
           },
        },
        messages: {
            email: {
                remote: "This email address is already in use"
            },
        },
        success: function(label) {
           label.html('<img src="images/data_capture/checkmark.png" width="20" height="19" alt="checkmark" />').addClass('valid');
        },
        // if the form validates
        // hide the first set of questions
        // display the second set of questions
        submitHandler: function(form) {
            $('#questions1').ajaxSubmit(options);
            $('#form1').fadeOut(500);
            $('#form2').fadeIn(500);
        },
    });