ajaxSubmit problem on IE 7
<p>i have the following:</p>

<pre><code>$('#myForm').validate({
    groups:{ homeSize:"width length" },                
    rules: { bedrooms:  { required:true, number:true, range: [1, 5] },
             make: { required:true },
             bathrooms: { required:true, number:true, range: [1, 5] },
             year: { required:true, number:true, min:1950, max:2011 }
    },  
    messages: {
            bedrooms:  " Valid Number [1-5] Required!",
            make:      " Make is Required!",
            bathrooms: " Valid Number [1-5] Required!",
            year:      " Year is Required!"
    }, 
    errorElement: "em",

    errorPlacement: function(error, element) {
        error.appendTo(element.parent("td").find('span'));
        $('#divNewRBC').css('height','250px');      
    },  
    submitHandler: function(form){
        var options = { 
                beforeSubmit: function() {
                    $('#formSub').hide();
                    $('#formSave').show();

                },
                success: function(projectID) {
                    $('#formSub').show();
                    $('#formSave').hide();
                },
                url:'x.cfm'
        };  
        $('#myForm').ajaxSubmit(options);
    }
}); 
</code></pre>

<p>The x.cfm simply emails the form fields. On FireFox, I get the form fields. On IE 7, the form fields are empty. Any help? </p>
