jquery html need help

jquery html need help



  4. $(document).ready(function(){

  6. $(".iconClass").click(function(){
  7.  $("#iconSearch").html("<div class=\"btn-group\"><input type=\"search\" id=\"searchInput\"/><span id=\"searchClear\" class=\"glyphicon glyphicon-remove-circle\"></span></div>"); 
  8. });

  10. $("#searchClear").click(function(){
  11.   
  12.     $("#searchInput").val('');
  13. });
  14. });

  16. HTML CODE

  19. <div id="iconSearch">
  20. <i class="fa fa-2x fa-search iconClass"></i>
  21.   <!--Text -->
  22.   <div id="desText">
  23.   <p>Click search icon</p>
  24.   </div> 
  25. </div>

When I run this code it doesn't work. I am trying to make an input whenever user click on the x button at the end of the input, the text in the input get cleared.

This is my first post sorry if i missed something.