How to get input values if page refreshes?

How to get input values if page refreshes?

Hello,

I am using bootstrap and jquery to handle a complex form (also using Flue UX Form Wizard)

Now on the last page I give a summary of the details the user has provided by managing the change() event, for example like ths: 

  1. $("#street").change(function setStreet() {
        $field = $('#review_street');
        $field.text($("#street").val());
    });

Meaning if the user changes the street input field with the id "street" I also change it on the overview page directly.

Now everything works very well except one case - when the user refreshes the form with his browser (e.g. F5). Then the form data all stays there because of the PHP framework I use. But of course on my overviewpage the data for example for the street is not filled out because the change event has not been fired.


I also tried to change it to

$("#street").on('change ready', function setStreet() {
    $field = $('#review_street');
    $field.text($("#street").val());
});

but that did not work out either.


What am I doing wrong?


Thank you

Andreas