title: Jquery validate multiple inputs with email
body: <p>I have a form where i ask the user to input email addresses  for an automated email to be sent. I have set both the email inputs to be required and to check for valid email, but it seems to work only for the first one. What am I doing wrong here?</p>
  
  <pre><code> &lt;form class="validate" method="post" id="formLoc"&gt;
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="email-from"&gt;from&lt;/label&gt;
              &lt;input type="text"   class="required email" id="email-from" placeholder="from" /&gt;
          &lt;/div&gt;
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="email-to"&gt;to&lt;/label&gt;
              &lt;input type="text" id="email-to" class="required email"  placeholder="to" /&gt;
          &lt;/div&gt;
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="email-message"&gt;message&lt;/label&gt;
              &lt;textarea id="email-message" cols="100" rows="40"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;div class="email-sent"&gt;
              &lt;h4&gt;&lt;/h4&gt;
          &lt;/div&gt;
  
          &lt;div class="SendEmailButton"&gt;
              &lt;button type="submit" data-role="button" data-icon="forward" data-inline="true"
                  data-mini="true" data-theme="c"&gt;send&lt;/button&gt;
          &lt;/div&gt;
  
      &lt;/form&gt;
  </code></pre>
  
  <p>Here's a fiddle with the problem : <a href="http://jsfiddle.net/bobby5193/8dHg9/544/" rel="nofollow">http://jsfiddle.net/bobby5193/8dHg9/544/</a></p>