input-close-ui.js

 $(function (){
        var tmpl = '<span class="text-close js-text-close" href="#"></span>',
            textIpt = $(".text-ipt");
            textIpt.each(function () {
                var self = $(this);
                $(this).after(tmpl);
                $(this).next().css("display","none");
                self.bind("keyup focus",function (){
                    if(!self.val() == ""){
                        $(this).next().show();
                    } else {
                         $(this).next().hide();
                    }
                })
               
                $(this).next(".js-text-close").click(function (){
                    self.val("");
                    $(this).hide();
                })
                 self.bind("blur",function (){
                    var self = $(this);
                    setTimeout(function (){
                        console.log(1);
                         self.next().hide();
                    },100)
                        
                })
            })
        })