jquery html() does not return changed values

Question

I have a form with a textbox like this:

Answer 1

$('[type=text], textarea').each(function(){ this.defaultValue = this.value; });
$('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; });
$('select option').each(function(){ this.defaultSelected = this.selected; });

then

$("body").html()

Answer 2

Well there is one most simpler way of doing this, by employing the live function on the input.

$(document).ready(function() {

 var checker = false;
    $("input").live("change", function() {
        checker = (this.defaultValue !== this.value);
        if (checker)
            this.defaultValue = this.value;
    });
});

Answer 3

$('input').each(function(){
  $(this).attr('data-value-input', $(this).val());
});

and after that you can get your html

var bodyHtml = $('body').html().toString().replace('data-value-input', 'value');

and that is it.

Answer 4

You can use the .attr() function.

Example:

$("input").each(function(){
    $(this).attr("value", $(this).val());
});

After this you can do the:

    $("body").html();

This should work.