I want to implement in my webpage something similar to google search page. The link <http://www.google.com> shows the search field at the middle of the page and on typing a character it moves to the top of the page holding the input entered. 

Would be great if someone can demonstrate to achieve this using jquery/javascript or html