title: JQuery validation is only validating the first input
body: <p>I have two input areas in one form to capture the main contact and then additional contacts.  The main contact is working fine but the additional contacts (which all have the same input names) is only validating against the first contact.</p>
  
  <p>Html...</p>
  
  <pre><code>&lt;form action="/Book/Register" id="RegistrationForm" method="post"&gt;      
      &lt;table&gt;
          &lt;tr&gt;&lt;td colspan="2"&gt;&lt;h3&gt;Names&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;
              &lt;td width="200"&gt;First Name&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="BookingFirstName" name="BookingFirstName" value="" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Last Name&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="BookingLastName" name="BookingLastName" value="" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Nickname&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="BookingDisplayName" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;&lt;td colspan="2"&gt;&lt;h3&gt;Contact Details&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Email Address&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="BookingEmailAddress" name="BookingEmailAddress" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Re-enter Your Email Address&lt;/td&gt;
              &lt;td&gt;
                   &lt;input type="text" id="BookingConfirmEmailAddress" name="BookingConfirmEmailAddress" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Contact Telephone Number&lt;/td&gt;
              &lt;td&gt;
                  &lt;input type="text" id="BookingTelephoneNumber" name="BookingTelephoneNumber" /&gt; 
              &lt;/td&gt;
          &lt;/tr&gt;        
          &lt;tr&gt;
              &lt;td colspan="2"&gt;&lt;h3&gt;Where are you from&lt;/h3&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Country&lt;/td&gt;
              &lt;td&gt;
                 &lt;select id="CountryId" name="CountryId"&gt;
                     &lt;option selected="selected" value="300"&gt;England&lt;/option&gt;
                     &lt;option value="301"&gt;Scotland&lt;/option&gt;
                 &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;     
      &lt;/table&gt;
   &lt;/div&gt;
  
  &lt;div id="OtherMemberInputs"&gt;
  
  &lt;table class="InformationTable"&gt;
     &lt;tr&gt;
         &lt;th class="TitleContent"&gt;&lt;/th&gt;
         &lt;th class="TitleContent"&gt;First name &lt;span style="font-size: smaller;"&gt;(required)&lt;/span&gt;&lt;/th&gt;
         &lt;th class="TitleContent"&gt;Last name &lt;span style="font-size: smaller;"&gt;(required)&lt;/span&gt;&lt;/th&gt;
         &lt;th class="TitleContent"&gt;Nick name &lt;span style="font-size: smaller;"&gt;(optional)&lt;/span&gt;&lt;/th&gt;
  
         &lt;th class="TitleContent"&gt;Email address &lt;span style="font-size: smaller;"&gt;(optional)&lt;/span&gt;&lt;/th&gt;
         &lt;th class="TitleContent"&gt;&lt;/th&gt;
     &lt;/tr&gt;
  
  &lt;tr id="Member_1" &gt;
      &lt;td class="TitleContent"&gt;Squad member #2 details&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="FirstName" class="memberinput required" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="LastName" class="memberinput required" value="" /&gt;&lt;/td&gt;
  
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="DisplayName" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="EmailAddress" class="email" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input class="RemoveMember" type="button" id="RemoveMemberButton_1" value="Remove" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  
  &lt;tr id="Member_2" &gt;
      &lt;td class="TitleContent"&gt;Squad member #3 details&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="FirstName" class="memberinput required" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;inputtype="text" name="LastName" class="memberinput required" value="" /&gt;&lt;/td&gt;
  
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="DisplayName" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input type="text" name="EmailAddress" class="email" value="" /&gt;&lt;/td&gt;
      &lt;td class="InformationContent"&gt;&lt;input class="RemoveMember" type="button" id="RemoveMemberButton_2" value="Remove" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  
  
   &lt;/table&gt;
  
  
  
  
   &lt;/div&gt;
  
  
  
  
  
  &lt;input type="submit" class="submitBtn black"&gt;&lt;span&gt;Continue&lt;/span&gt;&lt;/input&gt;
  
  
  &lt;/form&gt;
  </code></pre>
  
  <p>The JQuery is as follows...</p>
  
  <pre><code>       jQuery.validator.addMethod("greaterThanZero", function (value, element) {
              return this.optional(element) || (parseFloat(value) &gt;= 0);
          }, "* Amount must be greater than zero or greater");
  
          // validate signup form on keyup and submit
          $("#RegistrationForm").validate({
              rules: {
                  BookingFirstName: { required: true },
                  BookingLastName: { required: true },
                  BookingEmailAddress: {
                      required: true,
                      email: true
                  },
                  BookingConfirmEmailAddress: {
                      required: true,
                      email: true,
                      equalTo: "#BookingEmailAddress"
                  },
                  BookingTelephoneNumber: { required: true },
                  FirstName: { required: true },
                  LastName: { required: true },
                  EmailAddress: { email: true }
              },
              messages: {
                  BookingFirstName: { required: "Please enter your firstname" },
                  BookingLastName: { required: "Please enter your lastname" },
                  BookingEmailAddress: { required: "Please enter a valid email address" },
                  BookingConfirmEmailAddress: {
                      required: "Please provide a valid email address",
                      equalTo: "Please enter the same email address as above"
                  },
  
                  BookingTelephoneNumber: { required: "Please enter a telephone number" },
                  FirstName: { required: "First name is mandatory" },
                  LastName: { required: "Last name is mandatory" }
  
              }
          });
  </code></pre>
  
  <p>So TWO things happen.  The 3rd contact is not validating and the 2nd contact has an extra validation message appear everytime I try to submit (without correcting the error).  </p>
  
  <p>Any suggestions?</p>