Jquery mobile : multipage form

Question

I have a jquery mobile form that is wrapped around two pages :

<form ...>
<div data-role="page">
...
</div>
<div data-role="page">
...
</div>
</form>

It works pretty good when this page is loaded via the browser.

However, when the page is called via Ajax, as you would expect, the form tag is not imported in the dom hence the form broken.

Is there any solution besides rewriting the hole flow ?

Thanks !

Edit : I would like to keep the ajax navigation, i'm aware i could fix that by just calling this page w/out ajax.

Answer 1

I finally managed to do otherwise since there was no easy way to achieve this ...

Answer 2

You could serialize the form data and save it as a local var until the final step/page. This is covered very well on this guys post: http://www.raymondcamden.com/index.cfm/2011/11/22/Demo-of-a-multistep-form-in-jQuery-Mobile-Part-2

Cheers!