title: Form won't validate without ID main-contact form
body: <p>I have a kind of weird problem. I have a form which is a subscribe form for mail chimp. The form works perfectly if I don't have validation (When it says "Please fill this out" or "Please include an @ in the email")</p>
  
  <p>It also works if I had an ID <code>id="main-contact-form"</code> however then, the mailchimp success / failure reply opens in a new tab. The problem is I don't want it to go to another tab, I want it to show up in the specially marked div. Which would work If I didn't have the main-contact-form ID but then I don't have the validation I want. </p>
  
  <p>Here's the form: </p>
  
  <pre><code>        &lt;form name="mc-embedded-subscribe-form"
                action="//leilamasson.us7.list-manage.com/subscribe/post?u=0178d0b7b81eec71fd9e2ee9b&amp;amp;id=63fbfa0062"
                method="post" id="mc-embedded-subscribe-form main-contact-form"
                target="_blank"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" name="FNAME" class="form-control" required="required"
                         placeholder="Name"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" name="LNAME" class="form-control" required="required"
                         placeholder="Last Name"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="email" name="EMAIL" class="form-control" required="required"
                         placeholder="Email Adress"&gt;
  
              &lt;/div&gt;
              &lt;div id="form-group"&gt;
                  &lt;div class="response" id="mce-error-response" style="display:none"&gt;&lt;/div&gt;
                  &lt;div class="response" id="mce-success-response" style="display:none"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;button type="submit" name="subscribe" class="btn btn-primary pull-right"&gt;Subscribe&lt;/button&gt;
              &lt;/div&gt;
  
              &lt;div style="position: absolute; left: -5000px;" aria-hidden="true"&gt;&lt;input type="text"
                                                                                        name="b_0178d0b7b81eec71fd9e2ee9b_63fbfa0062"
                                                                                        tabindex="-1" value=""&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  
  <p>and here's an example of the form I want without validation:</p>
  
  <pre><code>&lt;form action="//leilamasson.us7.list-manage.com/subscribe/post?u=0178d0b7b81eec71fd9e2ee9b&amp;amp;id=63fbfa0062"
        method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"&gt;
  
      &lt;div class="form-group"&gt;
          &lt;input type="email" name="EMAIL" class="form-control" required="required"
                 placeholder="Email Adress"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;button type="submit" name="subscribe" class="btn btn-primary pull-right"&gt;Subscribe&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="form-group"&gt;
          &lt;div class="response" id="mce-error-response" style="display:none"&gt;&lt;/div&gt;
          &lt;div class="response" id="mce-success-response" style="display:none"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Note: The bottom form doesn't have the ID main-contact-form which doesn't let it have validation, and the top form has the ID main-contact-form which forces it to open in a new tab.</p>
  
  <p>The problem can be seen live at <a href="http://leila.moussaieff.info" rel="nofollow">leila.moussaieff.info</a> under the social section.</p>