在html5中的搜索框按钮中发出问题

Question

这是我的代码：

HTML：

<form>
<input type="text" class="search" placeholder="search.." />
<input type="button" value="" class="button" />
</form>

CSS：

.search {
   padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid black;
}
.button
{
    background:url('http://s3.postimg.org/trvug1jan/search_btn.png') no-repeat;
    position:relative;
    padding:6px 15px;
    left:-8px;

}

的jsfiddle：

http://jsfiddle.net/p9URB/15/

如何在搜索框内仅设置图像。

在我的输出搜索图标中显示不同的内容。请看我的jsfiddle以供参考。

任何帮助都将不胜感激。

提前致谢！