Jquery copy input value to other forms

Hi all

I have a js fiddle here - http://jsfiddle.net/h971gu5f/3/


<form action="" class="form">
    <label for="">Number</label>
    <input type="text" class="number"/>
</form>

<form action="" class="form">
    <label for="">Number</label>
    <input type="text" class="number"/>
</form>

<form action="" class="form">
    <label for="">Number</label>
    <input type="text" class="number"/>
</form>

I have a number of forms on a page.

The forms will enable people to sign up to different events.

If they sign up to more than one event, the information will be the same in each form.

If they start typing in one form is it possible the to replicate the input in the other forms.

Yes, that is easily possible, but you want to be careful that all expected use-cases are compatible with such a behaviour.

Normally if a field is going to be identical, it’s given in a separate area above the areas that it would otherwise be duplicated.

Can we see an example of the type of information that a user will be expected to enter, so that further advice may be given about the situation?