JQ之简单的搜索动画

效果图：

涉及bootstrap以及jquery

1: HTML

 	<div class="search">
 		<form action="" method="get" accept-charset="utf-8">
	        <input type="text" placeholder="搜索">
	        
	     	<a class="search-btn" href=""><i class="glyphicon  glyphicon-search"></i></a>
    		</form>
 	</div>

 2：CSS

.search{
	position: relative;
	float: left;
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
}	
.search input{
	border-radius: 40px;
	border: 0;
	outline: none;
	background: #eee;
	width: 100px;
    height: