I am using jqueryUI v1.8. I have created a modal dialog form to edit records of a table. When the edit link on the record is clicked the record data is displayed on the form and the user edits the record.

When the user submits this form the data is serialized and posted via ajax to update the database. This works well with all records except the first one. Nothing is posted to server for update only for the first record. alert(serializeddata); is empty.

Similarly, The first form element in every record chosen for editing does not show the actual value the first time. Once you cancel editing and close the dialog and reopen you can see the fields accurate data.

How do I resolve this?