title: jQuery.Validate in MVC4
body: <p>I want to use jQUery.validate in a MVC4 project. I have a wizard setup (from stepy) where I have 6 steps to go through. On each step I want to add validation. Now the validation works until appearantly I use a checkbox. 
  On step 2 I have a checkbox. When I then want to continue to step 3 it gives me the error:
  Cannot read property name of undefined.</p>
  
  <p>When I remove the checkbox all works fine. Also when I run the HTML it works but if I put it into MVC razor it fails.</p>
  
  <p>Any help is appreciated.</p>
  
  <p>thanks</p>
  
  <p>This is the HTML + jQuery:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;meta http-equiv="Pragma" content="no-cache"&gt;
      &lt;meta http-equiv="Expires" content="-1"&gt;
  
      &lt;title&gt;jQuery Stepy - A Wizard Plugin&lt;/title&gt;
  
      &lt;link type="text/css" rel="stylesheet" href="css/jquery.stepy.css" /&gt;
      &lt;script type="text/javascript" src="js/jquery-1.8.2.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.validate.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.stepy.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
          $(function() {
  
              $('#custom').stepy({
                  backLabel:  'Backward',
                  block:      true,
                  errorImage: true,
                  nextLabel:  'Forward',
                  titleClick: true,
                  validate:   true
              });
  
  
              // Optionaly
              $('#custom').validate({
                   rules: {
                      'checked':      'required',
                  }, messages: {
  
                      'checked':  { required:  'error' },
                               }
              });
          });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="header"&gt;
  
      &lt;/div&gt;
  
      &lt;div id="content"&gt;
  
  
  
  
          &lt;form id="custom"&gt;
              &lt;fieldset title="Thread 1"&gt;
                  &lt;legend&gt;description one&lt;/legend&gt;
  
                  &lt;label&gt;User:&lt;/label&gt;
                  &lt;!-- Hidden fields are not focused.  --&gt;
                  &lt;input type="hidden" name="hidden" /&gt;
  
                  &lt;!-- Disabled fields are not validated.  --&gt;
                  &lt;input type="text" value="wbotelhos" size="40" name="user" disabled="disabled" /&gt;
  
                  &lt;label&gt;E-mail:&lt;/label&gt;
                  &lt;input type="text" size="40" name="email" /&gt;
                  &lt;input type="checkbox" name="checked" /&gt; Checked?
  
                  &lt;label&gt;Naa:&lt;/label&gt;
                  &lt;input type="text" size="40" name="Naam" /&gt;
  
                  &lt;label&gt;Newsletter?&lt;/label&gt;
                  &lt;input type="radio" name="newsletter" /&gt; Yep
                  &lt;input type="radio" name="newsletter" /&gt; Nop
  
                  &lt;label&gt;Password:&lt;/label&gt;
                  &lt;input type="password" name="password" size="40" /&gt;
              &lt;/fieldset&gt;
  
              &lt;fieldset title="Thread 2"&gt;
                  &lt;legend&gt;description two&lt;/legend&gt;
  
                  &lt;label&gt;Nick Name:&lt;/label&gt;
                  &lt;input type="text" size="30" /&gt;
  
                  &lt;label&gt;Bio:&lt;/label&gt;
                  &lt;textarea name="bio" rows="5" cols="60"&gt;&lt;/textarea&gt;
              &lt;/fieldset&gt;
  
              &lt;fieldset title="Thread 3"&gt;
                  &lt;legend&gt;description three&lt;/legend&gt;
  
                  &lt;label&gt;Birthday:&lt;/label&gt;
                  &lt;select name="day"&gt;
                      &lt;option&gt;&lt;/option&gt;
                      &lt;option&gt;23&lt;/option&gt;
                  &lt;/select&gt;
  
                  &lt;select&gt;
                      &lt;option&gt;10&lt;/option&gt;
                  &lt;/select&gt;
  
                  &lt;select&gt;
                      &lt;option&gt;1984&lt;/option&gt;
                  &lt;/select&gt;
  
                  &lt;label&gt;Site:&lt;/label&gt;
                  &lt;input type="text" name="site" size="40" /&gt;
              &lt;/fieldset&gt;
  
              &lt;input type="submit" class="finish" value="Finish!" /&gt;
          &lt;/form&gt;&lt;br/&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>