I have a setup I am re-writing that uses tabs for different functions. Two of those tabs are related forms that are submitted together. Another tab holds a table with pagination and column sorting. This creates a problem as every page change or change in sorting or row size in the paginated table requires a page refresh, which clears the forms. Ideally, I would just rewrite the table and use Ajax. The more expedient thing to do would be to just serialize the form on any form change, and refill the form from that serialized data if and when the user returns to the form in the same session.
$('#FormName').on('keyup change paste', 'input, select, textarea', function()
// Do something here
What I am looking for:
1. I am not sure how best to store that serialized data (HTML5 local storage would be okay) or how best to refill the forms.
2. Perhaps there is a better way to do this altogether.