title: Form not submitting in Safari or iOS
body: <p>Why won't my form submit/validate in Safari or on iOS (safari or chrome)?</p>
  
  <p>It works fine in Chrome/Firefox and Android mobiles. I'm thinking its may be my rough submit function. </p>
  
  <p>I want my form to submit and then toggle classes to hide the form, then show a submission confirmation. </p>
  
  <p>I pieced together this jQuery although I can see its a mess as I don't want the if/else statement but I can't get it to work at all without it.</p>
  
  <p>Note: I'm also using modernizr and websforms2 to validate so I don't think I need this function to validate anything. </p>
  
  <pre><code>   $(function(){
        $("#onesie-form").submit(function(e){    
           e.preventDefault();  
            $( "#submitted" ).toggleClass( "hidden" );
            $("#form").toggleClass("hidden");
            $.post("scripts/form.php", $("#onesie-form").serialize(),
  
            function(data){
                if(data.email_check == 'invalid'){
  
                        $("#message_post").html("&lt;div class='errorMessage'&gt;Sorry " + data.name + ", " + data.email + " is NOT a valid e-mail address. Try again.&lt;/div&gt;");
                } else {
                        $( "#submitted" ).toggleClass( "hidden" );
                        $("#form").toggleClass("hidden");
                    }
            }, "json");    
        });
   });
  </code></pre>
  
  <p>Any help would be much appreciated.</p>
  
  <p>Thanks</p>