удалить значок для ввода с помощью css и jquery

Question

Я пытаюсь заставить это работать, но это не так.

Я удалил мой код для очистки и вот jsfiddle code

Я пытаюсь создать кнопку удаления, которая удаляет вход, а также сбрасывает список поиска

----------------------- 
|     | x | <- remove icon inside the input box 
-----------------------  
or 
----------------------- ---------- 
|      | | All | <- all button outside the input box 
----------------------- ---------- 

Я не могу управлять чтобы заставить код работать, например Сброс результатов

Answer 1

Не уверен, что поиск это то, что вы ищете ...

Использование HTML5 Поиск вход Тип:

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

Затем добавить обработчик нажмите для ввода:

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

DEMO