Remove Icon For Input With Css And Jquery

I am trying to get this to work but it doesn't. I have removed my code for cleanup and here is the jsfiddle code I am trying to create the remove button that removes the input and

Solution 1:

Not sure it is what you are looking for...

Use HTML5 input type search:

<input class="search clearable" type="search" id="input"/>

Then add handler click for input:

$('#input').on('click',function(){
        if(this.value === "" ) //case when user reset the input by clicking button
            $(this).keyup();
    });

DEMO