title: JQuery form validation conflict
body: <p>I am using the Jquery form validation library:</p>
  
  <p>jquery-validate.js</p>
  
  <p>When the user submits the form I slide down a div which has a check box which has to be chekced in order to proceed:</p>
  
  <pre><code>if(!$('#agreeConfirm').is(':checked')){
  
       alert('Please tick to agree to our terms and conditions');
       $('.termsAgree').slideDown();
       return true;
  
  }
  </code></pre>
  
  <p>This works in so much as the form is not submitted and the alert displays along with the slideDown which presents the check box. However if one of the select options has not be selected by the user the form submits (although the message 'This field is required' does appear. If I comment out my lines above the correct behavior is observed.</p>
  
  <p>My validation code structure is as follows:</p>
  
  <pre><code>$("form#register").validate({
  
   rules:{
  
         name:{
             required: true,
             number: false
         },
  
         .....
  
         add1:{
         required: true
         }    
  
   }
  
  });
  
  $('form#register').submit(function(){
  
       ... 
  
       if(!$('#agreeConfirm').is(':checked')){
  
           alert('Please tick to agree to our terms and conditions');
           $('.termsAgree').slideDown();
           return false;
  
       }
  
  }
  </code></pre>
  
  <p>Thanks in advance.</p>