title: Rails dataTables jquery-datatables-column-filter
body: <p>I'm using a Railscast way to remotely access Rails data using Ajax.  It works fine.</p>
  
  <p><a href="http://railscasts.com/episodes/340-datatables?view=asciicast" rel="nofollow">Railscast 340</a></p>
  
  <p>Now, I'm trying to add the jquery-datatables-column-filter plug-in.</p>
  
  <p>Here is my coffeescript:</p>
  
  <pre><code>$("#workorders").dataTable(
    sPaginationType: "full_numbers"
    bProcessing: true
    bServerSide: true
    bFilter: false
    sAjaxSource: $('#workorders').data('source')
    sDom: "T&lt;\"clear\"&gt;lfrtip"
   ).columnFilter()
  </code></pre>
  
  <p>But, when I even click on NEXT (to get the 2nd page of workorders), I get the following console error:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'sServerMethod' of undefined  jquery.dataTables.js?body=1:8754
  DataTable.defaults.fnServerData jquery.dataTables.js?body=1:8754
  oTable.fnSettings.fnServerData jquery.dataTables.columnFilter.js?body=1:330
  _fnAjaxUpdate jquery.dataTables.js?body=1:1898
  _fnDraw jquery.dataTables.js?body=1:1431
  (anonymous function) jquery.dataTables.js?body=1:2876
  fnClickHandler jquery.dataTables.js?body=1:11665
  (anonymous function) jquery.dataTables.js?body=1:4800
  jQuery.event.dispatch jquery.js?body=1:3075
  elemData.handle
  </code></pre>
  
  <p>And searching a column doesn't work either.</p>
  
  <p>Any ideas?  Thanks!</p>
  
  <p>UPDATE1</p>
  
  <p>I tried to even simplify with another index listing (without ajax).</p>
  
  <p>This is the coffeescript:</p>
  
  <pre><code>  $("#dataTable1").dataTable().columnFilter()
  </code></pre>
  
  <p>And when I try to search on a column, I get:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'oFeatures' of null   jquery.dataTables.js?body=1:5586
  fnFilter jquery.dataTables.js?body=1:5586
  (anonymous function) jquery.dataTables.columnFilter.js?body=1:65
  jQuery.event.dispatch jquery.js?body=1:3075
  elemData.handle
  </code></pre>