Why is my content being overwritten instead of replaced in jQuery/Ajax?

Answer 1

You could produce a jquery object with a DOM for the data being passed back in the callback

$(html) 

Then target the two inputs outside the main container and use .replaceWith() to replace the entire element

$("div#").replaceWith($(html).find("div#"));
$("clientID").replaceWith($(html).find("clientID"));

Answer 2

This is just a suggestion, but $('div#' + clientID').html(html); might cause some problems.

Try replacing it with

$('div#' + clientID').each(function(){ 
  $(this).html(variableOrArrayElement) 
});