jquery - Simultaneously write text from one Textarea to another Textarea

Question

Let's say I have two textareas...

Textarea 1

<textarea class="one"></textarea>

Textarea 2

<textarea class="two">Hi There.</textarea>

I want to be able to add text from what I typed in textarea one after the text in textarea two. For example: If I write "My name is Joe." in textarea one it will simultaneously duplicate and write "My name is Joe." in textarea two after the existing "Hi There." text.

The result would be...

<textarea class="2">Hi There. My name is Joe.</textarea>

Can I do this with jQuery or do I need to do this with AJAX? How would I go about doing this?

Answer 1

No ajax required.

$('.one').on('keyup', function(){
    $('.two').html( $(this).val() );
});

Demo: http://jsfiddle.net/agz9Y/