title: JQuery validation plugin not supported by any IE or Firefox < 3.6 but works fine for Chrome and Safari
body: <p>This is my first post and will appreciate if I can get the solution from you asap. Thanks in advance. :)</p>
  
  <p>I am using JQuery validation plugin in my application. I have a signup form and uses .submit() method to submit the form. But when I try to submit the same form from Mozilla or IE,it submits the form but doesn't go through the validation. So in short w/o validation, I am getting garbage data in y DB.</p>
  
  <p>I am attaching my .JS file and please have to look and let me know if I am doing something wrong.</p>
  
  <p>home.js</p>
  
  <p>//Validation rules</p>
  
  <pre><code>    $('#signup-form').validate({
  
          rules: {
              'firstname':       { required:  true },
              'lastname':        { required:  true },
              'email':           { required:  true,
                                   email:     true,
                                   remote:  { url:  siteurl+'ajax/checkemail',
                                              type: 'post' }},
  . 
  .
  .
  .
  messages: {
              'firstname':       { required:  'Please enter your first name' },
              'lastname':        { required:  'Please enter your last name' },
              'email':           { required:  'Please enter your email address',
                                   email:     'Your email address is invalid',
                                   remote:    'The email you chose is already in use' },
  
      .
      .
      .       
      errorLabelContainer: $(".fail-message")
  
      });.
  </code></pre>
  
  <p>//Click sign up OK button</p>
  
  <pre><code>            $("#signup-ok-btn").click(function(){           
                $("#signup-form").submit();
                return false;         
               });
  </code></pre>
  
  <p>//Signup form submit</p>
  
  <pre><code>     $('#signup-form').submit(function(){
  
          //If the form is invalid
          if ($('#signup-form').valid()){             
              return true;                                    
          } else {                
              //Show errors
              $('#signup-form-fail').fadeIn(300);
              return false;                   
          }
  
      });
  </code></pre>
  
  <p>I have added some snippets of my code related to submit the form. Can you please guide me if I m going wrong somewhere if there is some binding problem. </p>