title: Datatable dropdown box
body: <pre><code>$(document).ready(function() {
      var table = $('#table_id').DataTable();
  
  
      $("#table_id tfoot th").each( function ( i ) {
          var select = $('&lt;select&gt;&lt;option value="clinic number"&gt;&lt;/option&gt;&lt;/select&gt;')
              .appendTo( $(this).empty() )
              .on( 'change', function () {
                  table.column( 0 )
                      .search( $(this).val() )
                      .draw();
              } );
          table.column( 0 ).data().unique().sort().each( function ( d, j ) {
              select.append( '&lt;option value="'+d+'"&gt;'+d+ "-" +getClinicName(d)+'&lt;/option&gt;' )
          } );
      } );
  
  } );
  </code></pre>
  
  <p>This is my javascript code of my dropdown box, however it appears inside the table, is there any way I could make it appear next to the search box?</p>