title: JQuery validation MVC4 how to find out why mvc form is not valid
body: <p>I am struggling with MVC4 and JQuery validation.</p>
  
  <p>We have a decent number of textboxes with their validation message next to them.</p>
  
  <p>Once they have entered valid messages in all of them the messages all go away. but when I do:</p>
  
  <pre><code>var valid = $('form').valid();
  </code></pre>
  
  <p>it will always return false.  got this from (<a href="https://stackoverflow.com/questions/5052315/how-to-fire-jquery-function-only-if-form-is-valid">How to fire jQuery function only if form is valid</a>)</p>
  
  <p>I have no idea what is still wrong with the form.  Is there a way of getting the error messages for the form?</p>
  
  <p>I have tried hooking up the show errors on the validate()  such as described here:</p>
  
  <p><a href="https://stackoverflow.com/questions/8035081/jquery-validate-showerrors-display-name">Jquery validate showerrors display name</a></p>
  
  <p>but this never populates any information.  As I test I put this on the change of every input box:</p>
  
  <pre><code>   if ($('form').valid()) {
        alert('the form is valid');
     }
     else if(!$('form').valid()) {
         alert('the form is NOT valid');                                
     }
  </code></pre>
  
  <p>but it will always return NOT valid.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Was just going about to create the online sample (as requested by webdeveloper).  Chrome was hiding some of my HTML (using jquery tab control).  So went to IE to get the source and the validation worked.  Then tried it in FF and it worked.  So it seems it is only broken in Chrome.</p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>Created the jsfiddle.net page:  <a href="http://jsfiddle.net/qN3Cn/1/" rel="nofollow noreferrer">http://jsfiddle.net/qN3Cn/1/</a></p>
  
  <p>In IE the form will return valid, in chrome it is not valid.</p>