javascript - JQuery .on('change') とデータの表示

Question

動的に生成されるフォームがあります。ユーザーが入力を変更すると、その変更が画面の右半球に表示されます。その変更に設定されている変数を直接呼び出すことはできますが、現在のデータを取得するためにすべての兄弟入力をループすると、それらはデフォルト値になります。どうすればこれを修正できますか?

jsfiddle: http://jsfiddle.net/NEEtV/2/

$('#question-data form input').on('change',function(){
    console.log($(this).val());
    var x = $(this).val();
    $('#test-preview').empty();
    $(this).parents('form').find('input').each(function(){
        $('#test-preview').append('<p>' + $(this).val() + '</p>');
    })
});

$(this).val() が現在のものであることがコンソールに表示されますが、画面の表示側には表示されません。