title: jquery dataTables - Sorting with range
body: <p>I have this working example for sorting a table including column sorting.</p>
  
  <p><a href="https://jsfiddle.net/e7g8u2sf/3/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <pre><code>$(document).ready(function() {
      // Setup - add a text input to each footer cell
      $('#searchresults thead tr').clone(true).appendTo( '#searchresults thead' );
      $('#searchresults thead tr:eq(1) th').each( function (i) {
          var title = $(this).text();
          // how to create 2 input fields to filter a range (e.g. filter rows where price ranges from 5 to 20)
          if (title == 'price') {
              // how can I do this ?
          }
          $(this).html( '&lt;input type="text" /&gt;' );
          $( 'input', this ).on( 'keyup change', function () {
              if ( table.column(i).search() !== this.value ) {
                  table
                      .column(i)
                      .search( this.value )
                      .draw();
              }
          } );
      } );
      var table = $('#searchresults').DataTable( {
          orderCellsTop: true,
          fixedHeader: true
      });
  });
  </code></pre>
  
  <p>I am wondering how I can make a column sortable by a range.
  In my example, I want to have 2 input fields ("from" and "to") for the "price" column to show only items in the table whose price is e.g. between 5 and 20.</p>