title: JQuery DataTables Plugin : TypeError: e[j] is undefined
body: <p>I don't understand why DataTables is throwing this error in FF: TypeError: e[j] is undefined</p>
  
  <p>In IE it's reported as : Unable to get property 'aDataSort' of undefined or null reference</p>
  
  <p>Here is the code</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table id="fp_promotion_history"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;AuditID&lt;/th&gt;
          &lt;th&gt;Action&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;User Name&lt;/th&gt;
          &lt;th&gt;Audit Date&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tmpl_loop name='fp_history'&gt;
          &lt;tr id="AuditID_&lt;tmpl_var name='AuditID'&gt;"&gt;
              &lt;td data-AuditID="&lt;tmpl_var name='AuditID'&gt;"&gt;&lt;tmpl_var name='AuditID'&gt;&lt;/td&gt;  
              &lt;td data-Action="&lt;tmpl_var name='Action'&gt;"&gt;&lt;tmpl_var name='Action'&gt;&lt;/td&gt;
              &lt;td data-Audit_Desc="&lt;tmpl_var name='Audit_Desc'&gt;"&gt;&lt;tmpl_var name='Audit_Desc'&gt;&lt;/td&gt;
              &lt;td data-User_Name="&lt;tmpl_var name='User_Name'&gt;"&gt;&lt;tmpl_var name='User_Name'&gt;&lt;/td&gt;               
              &lt;td data-Audit_Date="&lt;tmpl_var name='Audit_Date'&gt;"&gt;&lt;tmpl_var name='Audit_Date'&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tmpl_loop&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JQuery</p>
  
  <pre><code>        showDialog({content:data,title:'Financial Promotion Audit Trail History (FPID : ' + $('#fp_promotions_table tr.selected').attr('id') + ')'});                                            
  
          // turn into a datatable
          $('#fp_promotion_history').dataTable({        
                  "sDom": 'R&lt;"H"fr&gt;t&lt;"F"ip&gt;',            
                  "bJQueryUI": true,
                  "sPaginationType": "full_numbers",
                  "iDisplayLength": 25,
                  "order": [[ 5, "desc" ]]
          });
  </code></pre>
  
  <p>What I don't understand is I already have a datatable on the page which is working fine.</p>
  
  <p>I make an AJAX call, display the result (a table) with the JQuery UI Dialog, but when I try to turn it into a DataTable , it just errors?</p>
  
  <p>The documentation implies multiple tables is OK : <a href="http://legacy.datatables.net/release-datatables/examples/basic_init/multiple_tables.html" rel="noreferrer">http://legacy.datatables.net/release-datatables/examples/basic_init/multiple_tables.html</a></p>
  
  <p>So what am I doing wrong?</p>
  
  <p>Thanks,
  1DMF</p>