title: Jquery datatables does not work with pagination
body: <p>I'm using datatables plugin, but the pagination does not work. I have instantiating CSS and JS requirement, but I don't know why this does not work.</p>
  
  <p>Everything works, just pagination buttons not, any suggestions?</p>
  
  <p>HEAD:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"&gt;&lt;/style&gt;
  &lt;link rel="stylesheet" type="text/css" href="/css/bootstrap.vertical-tabs.min.css"&gt;&lt;/style&gt;
  
  FOOTER:
  
      &lt;script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="/action/controller.js"&gt;&lt;/script&gt;&lt;!-- this my js --&gt;
  
  HTML:
  
      &lt;table id="datagrid_test" class="datagrid"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;FIELD1&lt;/th&gt;
          &lt;th&gt;FIELD2&lt;/th&gt;
          &lt;th&gt;FIELD3&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;?php
          for ($i=0; $i &lt; 20 ; $i++) { ?&gt;
      &lt;tr&gt;
          &lt;td&gt;aaa&lt;?=$i?&gt;&lt;/td&gt;
          &lt;td&gt;bbb&lt;?=$i?&gt;&lt;/td&gt;
          &lt;td&gt;ccc&lt;?=$i?&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;?php  } ?&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  
  JS: 
  
  $(document).ready( function(){    
       $('#datagrid_test').dataTable();
  }
  </code></pre>