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标签的样式