Wewnętrzny HTML z wartościami wejściowymi

mają krótkie pytanie dotyczące innerHTML i wprowadzonych wartości wejściowych. Zobacz krótki przykład poniżej (za pomocą jQuery dla wygody):

http://jsfiddle.net/F7urT/2/

jQuery:

jQuery(document).ready(function($) {
    $('.send').click(function() {
        alert( $('.content').html() );
        return false;
    });
});​

html:

<div class="content">
    <input type="text" name="input" value="Old Value" />
    <input type="button" class="send" value="Send" />
</div>​

Jeśli edytujesz wartość wejściową, a następnie klikniesz przycisk „Wyślij”, alert pokaże, że gotten innerHTML zawiera dane wejściowe o „Starej wartości”, a nie wartości wprowadzone przez użytkownika. Dlaczego to? A jak możemy uzyskać HTML jako ciąg z wprowadzonymi przez użytkownika wartościami wejściowymi?

questionAnswers(4)

yourAnswerToTheQuestion