



So i have this format -> Landing Page with form & validation (which works) then it goes to a TY page, there the user can click to complete another form with some other details, if he does it goes to the form page but when you submit the Validation won't work for some reason.





Here is how i declared the validation on the first form :





<script type="text/javascript"> $().ready(function() { // validate the comment form when it is submitted $('form').validate({ errorPlacement: function(error, element) { if(element.attr("name") == "checkbox-1") { error.appendTo( element.parent("div").next("div") ); } else { error.insertAfter(element); } } }); }); (ignore the checbox bit) And here's how it is inserted in the third page -> (ignore the checbox bit) And here's how it is inserted in the third page ->

<script type="text/javascript"> $().ready(function() { // validate the comment form when it is submitted $('form').validate(); }); </script> <script type="text/javascript"> $('#marketingPage').live( 'pagechange',function(event){ $('form').validate(); }); </script>

Tried both ways, with document ready and with jquery mobile pagechange but still won't work. any ideas ?

The content is not all on one page, but i use multiple .htm pages





Hello