title: DataTables TableTools with Bootstrap on Multiple Tables
body: <p>I have multiple tables displayed in one web page, being initialized by below code:</p>
  
  <pre><code>/* Tables initialisation */
  $(document).ready(function() {
  $('.dataTable').dataTable({
      "sDom": "&lt;'row-fluid'&lt;'span6'l&gt;&lt;'span6'f&gt;r&gt;t&lt;'row-fluid'&lt;'span3'T&gt;&lt;'span3'i&gt;&lt;'span6'p&gt;&gt;",
      "sPaginationType": "bootstrap",
      "bStateSave": true,
      "oLanguage": {
          "sLengthMenu": "_MENU_ records per page"
      },
      "oTableTools": {
          "sSwfPath": "http://cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.4/swf/copy_csv_xls_pdf.swf",
          "aButtons": [ "copy", "csv", "xls", "pdf", "print" ]
      }
  });
  });
  </code></pre>
  
  <p>There is no javascript error in both Chrome or Safari, nevertheless when clicking on any of the buttons, it just doesn't work. Please help me debug / figure out what's wrong!</p>