title: jQuery Validation Not Working on Iphone
body: <p>I have linked a form from campaign monitor to a mobile site and I am using jQuery validate for validation.
  All works well on desktop browsers but when I check on my Iphone the validations does not work.</p>
  
  <p>I am not the experience using JQuery so any help would be much appreciated.</p>
  
  <p>Thank you in advance!</p>
  
  <p>Live Demo
  <a href="http://files.perfectday.gb.com/internal/stackoverflow/mobile-form/get-your-coupon.php" rel="nofollow">http://files.perfectday.gb.com/internal/stackoverflow/mobile-form/get-your-coupon.php</a></p>
  
  <p>My validation JQuery and form are as follows.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $.validator.methods.equal = function(value, element, param) {
          return value == param;
      };
      $(document).ready(function(){
      $("#subForm").validate({
              rules: {
                  math: {
                      equal: &lt;?php echo $randomNumTotal; ?&gt;   
                  }
              },
              messages: {
                  math: "Try again!!"
              }
          });
      });
      &lt;/script&gt;
  
  
  &lt;!-- Form --&gt;
      &lt;form action="http://perfectday.createsend.com/t/j/s/nyuyh/" method="post" id="subForm"&gt;
  
          &lt;div class="name"&gt;
              &lt;label for="name"&gt;Name:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-name" id="name" size="25" class="required text-input" /&gt;
          &lt;/div&gt;
          &lt;div class="nyuyh-nyuyh"&gt;
              &lt;label for="nyuyh-nyuyh"&gt;Email Address:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-nyuyh-nyuyh" id="nyuyh-nyuyh" size="25" class="required email text-input"/&gt;
          &lt;/div&gt;
          &lt;div class="address1"&gt;
              &lt;label for="Address 1"&gt;Address 1:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-f-juar" id="Address1" size="25" class="required text-input" /&gt;
          &lt;/div&gt;
          &lt;div class="address2"&gt;
               &lt;label for="Address 2"&gt;Address 2:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-f-juaj" id="Address2" size="25" class="text-input required" /&gt;
          &lt;/div&gt;
          &lt;div class="city"&gt;
              &lt;label for="City"&gt;City/town:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-f-juat" id="City" size="25"class="required text-input" /&gt;
          &lt;/div&gt;
          &lt;div class="postal"&gt;
              &lt;label for="postal"&gt;Post code:&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="cm-f-juai" id="postal" size="25"class="required text-input" /&gt;
          &lt;/div&gt;
          &lt;div class="captcha"&gt;
              Enter the correct result&lt;span&gt;*&lt;/span&gt;&lt;br&gt;
              &lt;input type="text" name="captchaImage" id="sum"  value="&lt;?php echo $randomNum ?&gt; + &lt;?php echo $randomNum2 ?&gt;" disabled="disabled" /&gt;
              &lt;input type="text" name="math" id="math" maxlength="6" /&gt;
          &lt;/div&gt;
      &lt;input value="submit information" class="submit" type="image" src="images/trans.png" class="get-your-coupon-submit" alt="Submit" &gt;
      &lt;br&gt;
      &lt;/form&gt;
  </code></pre>