title: Call fnServerData in DataTables 1.10
body: <p>So I'm looking at this <a href="http://datatables.net/forums/discussion/3931/server-side-filtering-on-specific-columns-with-input-and-select" rel="nofollow">example</a> and am trying to make it work for me.</p>
  
  <p>I want to add the select options to my table when I use server side processing. Since I have only used version 1.10 I always get confused when I see this old API.</p>
  
  <p>I don't understand how I can use this function in 1.10:</p>
  
  <pre><code>"sAjaxSource": "../examples_support/server_processing.php",
      "fnServerData": function ( sSource, aoData, fnCallback ) {
          /* ... additional variables ... */
          $.getJSON( sSource, aoData, function (json) {
              /* Create the select elements on the first run */
              if ( json.sEcho == 1 )
              {
                  $("tfoot th").each( function (i) {
                      /* Insert the select menu */
                      this.innerHTML = fnCreateSelect(json.select[i]);
  
                      /* Add the event listener for the newly created element */
                      $('select', this).change( function () {
                          oTable.fnFilter( $(this).val(), i );
                      } );
                  } );
              }
  
              /* DataTables callback */
              fnCallback(json)
          } );
      }
  </code></pre>
  
  <p>The <a href="https://datatables.net/upgrade/1.10-convert" rel="nofollow">converting guide</a> just lists <code>fnServerData</code> as <code>ajax</code>.</p>
  
  <p>This is my initialization code:</p>
  
  <pre><code>$('#dataTables-outputTest').DataTable({
      "processing": true,
      "serverSide": true,
      "ajax": "/TestData/data-source",
      "columns": [
          { "data": "thing1",
            "searchable": true},
          { "data": "thing2",
           "searchable": true},
           ...
          { "data": "link",
           "searchable": false,
           "orderable": false},
      ],
      "initComplete": function () {
          this.api().columns().every( function () {
              var column = this;
              var select = $('&lt;select&gt;&lt;option value=""&gt;&lt;/option&gt;&lt;/select&gt;')
                  .appendTo( $(column.footer()).empty() )
                  .on( 'change', function () {
                      var val = $.fn.dataTable.util.escapeRegex(
                          $(this).val()
                      );
                      column
                          .search( val ? '^'+val+'$' : '', true, false )
                          .draw();
                  } );
              column.data().unique().sort().each( function ( d, j ) {
                  select.append( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' )
              } );
          } );
      }
  });
  </code></pre>
  
  <p>How do I use that function and how do I have to rewrite it to work for me?</p>