Pass Form Input Values (in real time) to another form on same page (hidden)

Question

I have two forms on the same page with a link via javascript that switches back and forth between the two.

The page loads with form1 (for interested members to sign up) but at the bottom it says, "Are you a business? Click here", which then hides the member form and loads form2 (the business form).

Form1 has email, first name, last name and zip code.

Form2 has a dropdown for type of business, email, first name, last name, email, zip code and phone number.

I would like to pass the users input on form1 to form2 at the same time just in case they want to switch to the business form and not have to type in all the details from form1 again on form2.

Is this possible?

Thank you!

Answer 1

This can be done easily using jquery and either

.keyup();
.change();

See this fiddle