I want to sort a table with a form in it in Javascript.

I used to pick the innerHTML of the rows for sorting tables. However, when I do that with an input element of a form I always get the original content of the input. Somehow innerHTML doesn't notice it when the user has changed the value of the input.

Does anyone know what is the logic behind this behavior. And how can I best work around it?