title: Trying to avoid multiple calls to jQuery in a Domino XPage
body: <p>I am attempting to use the '<a href="https://datatables.net/" rel="nofollow noreferrer">DataTables</a>' table plug-in for jQuery on a simple Domino XPage.</p>
  
  <p>I have loaded the two required libraries from CDN's...</p>
  
  <p>JQuery: ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js</p>
  
  <p>DataTables: cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css</p>
  
  <p>I have also tried loading them from local resources (doesn't help).</p>
  
  <p>I then prepare a basic table on my XPage, and include the necessary Javascript to initialise the table...</p>
  
  <pre><code>$(document).ready(function() {
      $('#tableID').DataTable();
  } );
  </code></pre>
  
  <p>When I test the XPage, I continually observe </p>
  
  <pre><code>test.xsp:15 Uncaught TypeError: $(...).DataTable is not a function
  </code></pre>
  
  <p>I've searched through several forums, and the general consensus is that...</p>
  
  <p>a) I have loaded the libraries in the wrong order (nope!)</p>
  
  <p>b) I have loaded jQuery more than once (how?)</p>
  
  <p>I have many other solutions using Bootstrap and jQuery, and have never run into this issue before. So, I though I might strip the XPage back to bare bones. I got rid of all Dojo elements on the page by adding the following line to the 'xp.properties' file...</p>
  
  <pre><code>xsp.client.script.libraries=none
  </code></pre>
  
  <p>That actually seemed to work! I no longer observed the error. However, my page no longer looked like it should (for obvious reasons!). I've had to restore the 'xp.properties' file back to its original state, but cannot find out how to avoid the error.</p>
  
  <p>Has anyone successfully used the 'DataTables' jQuery plug-in on an XPage? Any feedback or suggestions would be most appreciated!</p>