누르면 너비 늘어나는 검색 창

애플 홈페이지같은데 적용된 동적 검색창.

<input type="text" name="q" size="20" class="input" onFocus="$(this).animate({width:'19em'},300)" onBlur="$(this).animate({width:'5em'},300)" style="width:5em; border-radius:1em; padding:2px 0 2px 2em;"/>