title: Jquery Validate not working on multistep form
body: <p>I'm using the <a href="http://jqueryvalidation.org/" rel="nofollow">jquery validation</a> plugin and its not working on anything but the first page of my multistep form (created with gravity forms — wordpress). </p>
  
  <p>Has anyone seen anything like this before?</p>
  
  <p>My URL: <a href="http://breakingcapital.com/registration/" rel="nofollow">http://breakingcapital.com/registration/</a></p>
  
  <p>Here is the JS code im using:</p>
  
  <pre><code>jQuery(document).ready(function($) {
  $(document).ready(function(){
  
   $('#gform_1').validate(
   {
    rules: {
      input_18: {
        minlength: 2,
        required: true
      },
      lastname: {
        minlength: 2,
        required: true
      },
      email: {
        required: true,
        email: true
      },
      password: {
          required: true,
          minlength: 5
      },
      confirm_password: {
          required: true,
          minlength: 5,
          equalTo: "#password"
      },
      message: {
        minlength: 2,
        required: true
      },
      text: {
          minlength: 5,
          required: true
  
      }
    },
    highlight: function(element) {
      $(element).closest('.gfield').removeClass('success').addClass('error1');
    },
    success: function(element) {
      element
      .text('OK!').addClass('valid')
      .closest('.gfield').removeClass('error1').addClass('success');
    }
  })
   });
  });
  </code></pre>
  
  <p>Here's the code for the form:</p>
  
  <pre><code>&lt;form method="post" enctype="multipart/form-data" target="gform_ajax_frame_1" id="gform_1" action="/registration/#gf_1"&gt;
                          &lt;div class="gform_heading"&gt;
                              &lt;h3 class="gform_title"&gt;testt&lt;/h3&gt;
                              &lt;span class="gform_description"&gt;Test&lt;/span&gt;
                          &lt;/div&gt;
          &lt;div id="gf_progressbar_wrapper_1" class="gf_progressbar_wrapper"&gt;
              &lt;h3 class="gf_progressbar_title"&gt;Step 2 of 4
          &lt;/h3&gt;
              &lt;div class="gf_progressbar"&gt;
                  &lt;div class="gf_progressbar_percentage percentbar_blue percentbar_50" style="width:50%;"&gt;&lt;span&gt;50%&lt;/span&gt;&lt;/div&gt;
              &lt;/div&gt;&lt;/div&gt;
                          &lt;div class="gform_body"&gt;&lt;div id="gform_page_1_1" class="gform_page" style="display:none;"&gt;
                                      &lt;div class="gform_page_fields"&gt;
                              &lt;ul id="gform_fields_1" class="gform_fields top_label description_below"&gt;&lt;li id="field_1_2" class="gfield    required           gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_2"&gt;Email&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_2" id="input_1_2" type="email" value="test@test.com" class="medium" tabindex="1"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_5" class="gfield    required           gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_5"&gt;Password&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_complex ginput_container" id="input_1_5_container"&gt;&lt;span id="input_1_5_1_container" class="ginput_left"&gt;&lt;input type="password" name="input_5" id="input_1_5" value="test" tabindex="2"&gt;&lt;label for="input_1_5"&gt;Enter Password&lt;/label&gt;&lt;/span&gt;&lt;span id="input_1_5_2_container" class="ginput_right"&gt;&lt;input type="password" name="input_5_2" id="input_1_5_2" value="test" tabindex="3"&gt;&lt;label for="input_1_5_2"&gt;Confirm Password&lt;/label&gt;&lt;/span&gt;&lt;div class="gf_clear gf_clear_complex"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="gform_page_footer"&gt;
                           &lt;input type="button" id="gform_next_button_1_12" class="button gform_next_button" value="Next" tabindex="4" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;2&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div id="gform_page_1_2" class="gform_page"&gt;
                      &lt;div class="gform_page_fields"&gt;
                          &lt;ul class="gform_fields top_label"&gt;&lt;li id="field_1_18" class="gfield    firstname           gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_18"&gt;First Name&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_18" id="input_1_18" type="text" value="" class="medium" tabindex="5"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_17" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_17"&gt;Last Name&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_17" id="input_1_17" type="text" value="" class="medium" tabindex="6"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_3" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_3"&gt;Phone&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_3" id="input_1_3" type="tel" value="" class="medium" tabindex="7"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_6" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_6"&gt;Upload your picture&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_6" id="input_1_6" type="file" value="" size="20" class="medium" tabindex="8"&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="gform_page_footer"&gt;
                          &lt;input type="button" id="gform_previous_button_1_13" class="button gform_previous_button" value="Previous" tabindex="10" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;1&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt; &lt;input type="button" id="gform_next_button_1_13" class="button gform_next_button" value="Next" tabindex="9" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;3&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div id="gform_page_1_3" class="gform_page" style="display:none;"&gt;
                      &lt;div class="gform_page_fields"&gt;
                          &lt;ul class="gform_fields top_label"&gt;&lt;li id="field_1_4" class="gfield"&gt;&lt;label class="gfield_label" for="input_1_4"&gt;Website&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_4" id="input_1_4" type="url" value="" class="medium" tabindex="11" placeholder="http://"&gt;&lt;/div&gt;&lt;div class="gfield_description"&gt;Want us to link to your website?&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_8" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_8"&gt;Google +&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_8" id="input_1_8" type="text" value="" class="medium" tabindex="12"&gt;&lt;/div&gt;&lt;div class="gfield_description"&gt;This is required for google authorship. Read more here:&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_9" class="gfield"&gt;&lt;label class="gfield_label" for="input_1_9"&gt;Twitter&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_9" id="input_1_9" type="text" value="" class="medium" tabindex="13"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_10" class="gfield"&gt;&lt;label class="gfield_label" for="input_1_10"&gt;Facebook&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_10" id="input_1_10" type="text" value="" class="medium" tabindex="14"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_11" class="gfield"&gt;&lt;label class="gfield_label" for="input_1_11"&gt;Linkedin&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;input name="input_11" id="input_1_11" type="text" value="" class="medium" tabindex="15"&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="gform_page_footer"&gt;
                          &lt;input type="button" id="gform_previous_button_1_16" class="button gform_previous_button" value="Previous" tabindex="17" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;2&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt; &lt;input type="button" id="gform_next_button_1_16" class="button gform_next_button" value="Next" tabindex="16" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;4&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div id="gform_page_1_4" class="gform_page" style="display:none;"&gt;
                      &lt;div class="gform_page_fields"&gt;
                          &lt;ul class="gform_fields top_label"&gt;&lt;li id="field_1_14" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_14"&gt;Long Bio&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;textarea name="input_14" id="input_1_14" class="textarea medium" tabindex="18" rows="10" cols="50"&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;div class="gfield_description"&gt;This is for your profile page. Generally 100-300 words works best. &lt;/div&gt;&lt;/li&gt;&lt;li id="field_1_15" class="gfield               gfield_contains_required"&gt;&lt;label class="gfield_label" for="input_1_15"&gt;Short bio&lt;span class="gfield_required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;div class="ginput_container"&gt;&lt;textarea name="input_15" id="input_1_15" class="textarea medium" tabindex="19" rows="10" cols="50"&gt;&lt;/textarea&gt;&lt;div class="charleft ginput_counter"&gt;0 of 500 max characters&lt;/div&gt;&lt;/div&gt;&lt;div class="gfield_description"&gt;This is displayed on each and every article you write. &lt;/div&gt;&lt;/li&gt;
                              &lt;/ul&gt;&lt;/div&gt;
          &lt;div class="gform_page_footer top_label"&gt;&lt;input type="button" id="gform_previous_button_1" class="button gform_previous_button" value="Previous" tabindex="20" onclick="jQuery(&amp;quot;#gform_target_page_number_1&amp;quot;).val(&amp;quot;1&amp;quot;); jQuery(&amp;quot;#gform_1&amp;quot;).trigger(&amp;quot;submit&amp;quot;,[true]); "&gt; &lt;input type="submit" id="gform_submit_button_1" class="button gform_button" value="Submit" tabindex="21" onclick="if(window[&amp;quot;gf_submitting_1&amp;quot;]){return false;}  if( !jQuery(&amp;quot;#gform_1&amp;quot;)[0].checkValidity || jQuery(&amp;quot;#gform_1&amp;quot;)[0].checkValidity()){window[&amp;quot;gf_submitting_1&amp;quot;]=true;} "&gt;&lt;input type="hidden" name="gform_ajax" value="form_id=1&amp;amp;title=1&amp;amp;description=1"&gt;
              &lt;input type="hidden" class="gform_hidden" name="is_submit_1" value="1"&gt;
              &lt;input type="hidden" class="gform_hidden" name="gform_submit" value="1"&gt;
              &lt;input type="hidden" class="gform_hidden" name="gform_unique_id" value="525883d3eb548"&gt;
              &lt;input type="hidden" class="gform_hidden" name="state_1" value="WyJhOjA6e30iLCI0OTY4NTBiMzg4ZDg1NTYxYmIwMzVkNDgwYTRhYTA2MyJd"&gt;
              &lt;input type="hidden" class="gform_hidden" name="gform_target_page_number_1" id="gform_target_page_number_1" value="3"&gt;
              &lt;input type="hidden" class="gform_hidden" name="gform_source_page_number_1" id="gform_source_page_number_1" value="2"&gt;
              &lt;input type="hidden" name="gform_field_values" value=""&gt;
  
          &lt;/div&gt;
                              &lt;/div&gt;&lt;/div&gt;
                  &lt;/form&gt;
  </code></pre>