Alter HTML real-time with input tag

Question

How can I can I alter (change, add, whatever) HTML/text real-time using the input tag? Very similar to the preview interface when asking a question on Stack Overflow minus the code encoding. It just has to be simple.

For example,

<input type="text" name="whatever" />
<div id="example"></div>

Whatever text is entered in the above input tag is added to #example in real-time. Something involving innerHTML and JavaScript perhaps?

Answer 1

You can do this with jQuery

$('input').keyup(function(){
    var a = $(this).val();
    $('#example').text(a); 
});

Example: http://jsfiddle.net/5TnGT/