title: how to refresh a datatables table after clearing the filter by clicking on a "clear" button
body: <p>I have modified the <a href="http://datatables.net/" rel="nofollow">dataTables</a> filter input into a <a href="http://jquerymobile.com/demos/1.0.1/docs/forms/search/" rel="nofollow">Jquery Mobile search filter</a>, which also inlcudes a delete button, to clear the input field. </p>
  
  <p>This only works half-way, because when I click delete, the input field clears BUT the tables does not update.</p>
  
  <p>So I'm looking for some hints on how to refresh the table when clicking on my custom delete button inside the <strong>_fnFeatureHtmlFilter</strong> function?</p>
  
  <p>The below code shows how I set up the JQM search. Don't think it's helpful for answering the question though...</p>
  
  <pre><code>    /* jqm search input */
      sSearchStr = oSettings.oInit.bJQueryMobileUI == true ? '&lt;input placeholder="Filtern" data-type="search" data-theme="'+DataTable.ext.oJQMthemes.wrapperTheme+'" /&gt;' : 
           ( (sSearchStr.indexOf('_INPUT_') !== -1) ?
               sSearchStr.replace('_INPUT_', '&lt;input type="text" /&gt;') :
                  sSearchStr==="" ? '&lt;input type="text" /&gt;' : sSearchStr+' &lt;input type="text" /&gt;' );
      var nFilter = document.createElement( 'div' );
      /* jqm wrapper classes */
      nFilter.className = oSettings.oInit.bJQueryMobileUI == true ? "ui-block-c "+oSettings.oClasses.sFilter : oSettings.oClasses.sFilter;
      oSettings.oInit.bJQueryMobileUI == true ? $(nFilter).html(sSearchStr) : $(nFilter).html('&lt;label&gt;'+sSearchStr+'&lt;/label&gt;');
  </code></pre>
  
  <p>Thanks for some tips!  </p>