input框内的图标，点击后input失去焦点

Question

如题，做搜索框时，要求点击按钮清空input里面的内容，但是点击按钮时，input就会失去焦点，请问如何才能让它不失去焦点，就是想要做成如图的效果
点击那个x时清空内容

补充下，我这个事件是按照点击后重新获取焦点来做的，但是好像这个click事件没有进去，因为没有获得alert,
不知道这是什么情况
<form action="" class="act_search">

    <input id="search_title"  type="text" value="活动"/>
    <p class="close_btn" id="btn">
        <b class="search-close"></b>
    </p>
</form>

//清空搜索

    $('.close_btn').click(function(){
        alert('1');
        $(this).hide();
        $('#search_title').focus();
        $('#search_title').val('');
    });

Answer 1

失去焦点后再把焦点给它不就好啦？

补充：
没有获取到alert那就是click没有被调用到。看一下这个b标签的样式

Answer 2

x设置个id，这里假设是x，input的id为text。

$("#x").click(function(){

$("#text").val("");
$("#text").focus();

});