title: Datatables js 1.9.4 pagination and search doesn't work with server side generation
body: <p>I'm using datatables js 1.9.4 and use their ajax data population capabilities. When I create them in this way pagination shows controls and search bar is there as well, but neither work. Alos the data table is showing all data in one page.</p>
  
  <p>Here is the generation JS:</p>
  
  <pre><code>    $("#prop_table").dataTable({
  
              "aaSorting": [[2, "desc" ]],
              "sDom": "&lt;'row'&lt;'col-lg-9'l&gt;&lt;'col-lg-3'f&gt;r&gt;t&lt;'row'&lt;'col-lg-5'i&gt;&lt;'col-lg-7'p&gt;&gt;",
              "sPaginationType": "bootstrap",
              "bJQueryUI": false,
              "bAutoWidth": false,
              "aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "All"]],
              "iDisplayLength": 5,
              "oLanguage": {
                  "sSearch": "&lt;span&gt;&lt;/span&gt; _INPUT_",
                  "sLengthMenu": "&lt;span&gt;_MENU_&lt;/span&gt;",
                  "oPaginate": { "sFirst": "First", "sLast": "Last" }
              },
              "bProcessing": true,
              "iDisplayLength":5 ,
              "bServerSide": true,
              "sAjaxSource": "/php/api_prop_down.php",
              "aoColumns": [{
                  "mData":"name"
                },{
                  "mData": "time_down"
                },{
                  "mData": "status_id"
                },{
                  "mData": "button",
                  "mRender": function(data){
                      if (data != "null" )
                          return "&lt;button id=\"prop_issue"+data+"\" issue=\""+data+"\" class=\"btn\" data-toggle=\"modal\" data-target=\"#myModal\" onclick=\"getTicket("+data+")\"&gt;"+data+"&lt;/button&gt;";
                      else 
                          return "no ticket";
                  }
                }
              ]                      
          });
      $('.dataTables_length select').uniform();
      $('.dataTables_paginate &gt; ul').addClass('pagination');
      $('.dataTables_filter&gt;label&gt;input').addClass('form-control');
  
      // Set the classes that TableTools uses to something suitable for Bootstrap
      $.extend( true, $.fn.DataTable.TableTools.classes, {
          "container": "btn-group",
          "buttons": {
              "normal": "btn",
              "disabled": "btn disabled"
          },
          "collection": {
              "container": "DTTT_dropdown dropdown-menu",
              "buttons": {
                  "normal": "",
                  "disabled": "disabled"
              }
          }
      } );
  
      // Have the collection use a bootstrap compatible dropdown
      $.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
          "collection": {
              "container": "ul",
              "button": "li",
              "liner": "a"
          }
      } );
  </code></pre>
  
  <p>MY server side script returns a JSON, which is an encoded php array:</p>
  
  <pre><code>$output = array("sEcho" =&gt; intval($_GET['sEcho']),
      "iTotalRecords" =&gt; $count,
      "iTotalDisplayRecords" =&gt; 5,
      "aaData" =&gt; $aaData );
  
  ....
  
  echo json_encode(propsDownJSON());
  </code></pre>
  
  <p>Anyone has any insight as to why could this be happening?</p>