title: Datatable search backspace trigger didnot work
body: <p>i am using data table  in modal.when i search then a close button open X (by clicking this button,input search text will be cleared). It works properly</p>
  
  <p>the problem is that  when i click the close button,it hold the tbody view when i search.if click backspace in keyboard then it shows data initially.but i don't want to use keyboard.what i want is when i empty the search box,it will automatically shows the data initially.
  i try to use backspace trigger n datatable draw but nothing worked...please help me .</p>
  
  <p><strong>when search</strong></p>
  
  <p><a href="https://i.stack.imgur.com/4QG0G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4QG0G.png" alt="enter image description here"></a></p>
  
  <p><strong>after clear the search box</strong></p>
  
  <p><a href="https://i.stack.imgur.com/k4QR9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k4QR9.png" alt="enter image description here"></a></p>
  
  <p>my code for search empty using close button</p>
  
  <pre><code>$('div.dataTables_filter input').addClass('clearable');
  
    function tog(v){
      return v?'addClass':'removeClass';
    } 
    $(document).on('div.dataTables_filter input', '.clearable', function(){
  
      $(this)[tog(this.value)]('x');
  
    }).on('mousemove', '.x', function( e ){
  
      $(this)[tog(this.offsetWidth-18 &lt; e.clientX-this.getBoundingClientRect().left)]('onX');   
  
    }).on('touchstart click', '.onX', function( ev ){
  
      ev.preventDefault();
    $(this).removeClass('x onX').val('').change();
    **//i try to add here backspace trigger code**
  
    });
  </code></pre>