Add input from user inmidatley to <input>

Question

For this example i have a simple html markup:

<input id="INPUT"/>

What i would like to achieve now is that when the user types something. His input is inmidiatley shown in the #INPUT. I tried this, but somehow it wont work:

$('document').keydown( function(e) {
   $('#INPUT').focus();
});

What should i do instead? Thanks http://jsfiddle.net/GdVvd/

Answer 1

You do not need quotes around document, as the selector will look for element having a tagName matching "document" if you put it in quotes.

Live Demo

$(document).keydown( function(e) {
   $('#INPUT').focus();
});

Answer 2

A HTML5 solution would be to simply give your input element an autofocus attribute. This will make it focused when the page loads:

<input id="input" autofocus />

JSFiddle demo.

Note however that this solution currently does not work on IE or Firefox.