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