Jquery Mobile - jQM generated DIVs are cloning on AJAX post return

Jquery Mobile - jQM generated DIVs are cloning on AJAX post return


I have several pages that submit a form via AJAX post in a jQuery Mobile Application (using v1.4), and I cannot get around this problem to save my life.

The form is filled out, the user presses button (not submit input, but button), and the following code handles it:

  1. $('#edit_admin_btn').click(function() {
  2.       var valid = $("#edit_admin_user_form").valid();

  4.       if(valid){
  5.             $.post("admin.php?a=vendors&v=users&x=update" , $("#edit_admin_user_form").serialize(), function(data) {
  6.                   if(data == 1){ //success
  7.                         $("html, body").animate({ scrollTop: 0 }, "slow");
  8.                         $('.update-msg').html('Profile Updated Successfully!').delay(5000).fadeOut();

  10.                   } else { //fail
  11.                         $('<div>').simpledialog2( {
  12.                               mode: 'blank',
  13.                               headerClose: true,
  14.                               forceInput: false,
  15.                               themeDialog: 'a',
  16.                               themeHeader: 'a',
  17.                               themeButtonDefault: 'a',
  18.                               blankContent: '<div class="ui-content">'+data+'</div>'
  19.                         });
  20.                   }
  21.             });
  22.             }
  23.             });

The problem is, when the reposonse comes back, all of the input fields clone within themselves on the page (I have tried removing the simple dialog and the jquery validation to make sure it didn't cause the efffect). Upon inspecting the page in firebug, I see that the div wrapper around the input field that is created by jQM is cloned inside of itself. I cannot find a fix for this. The form itself has no submit button, no action and no method. This button handles all of that, as you can see in the code above. (if it helps, this cloning affect is also occuring on collapsibles on the page as well -- possibly on all div wrappers generated by jQM).

Any help would be greatly appreciated.