表单输入值时在表单末尾产生一个清除样式，点击清除却没有清除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");
});

});`

tml