表单输入值时在表单末尾产生一个清除样式，点击清除却没有清除input值？

html代码

<input type="text" id="input"  placeholder="请输入手机号/用户名" autocomplete="on" required>
                    <span id="clear"><i class="fa fa-close fa-2x" id="icoinput"></i></span>

jquery代码：`
$(document).ready(function(){

$('#input').focus(function(){
    $('#icoinput').css("display","block");
    $('#clear').click(function(event) {
        $("input").attr("value","");
    });
});
$('#input').blur(function(){
    $('#icoinput').css("display","none");
});

});`

请教高手解答，多谢

---

当你点击清除按钮的时候，先触发blur事件， $('#icoinput').css("display","none"); 被隐藏，相当于点击事件没了。