hover search box animation

searchInput.js

<div id="search">
	<input type="text" style="width:20px"/>
</div>
		
<script>
	$("#search input").hover(function() {
		$(this).animate({
			width:"200px",
		},800);
		$(this).css("background-position","right");
	}, function() {
		$(this).animate({
			width:"20px",
		},800);
	});
</script>