title: Jquery datatable issue when Editing HUMHUB
body: <p>I am working on humhub social networking site. I need to add datatable for searching purpose and for that i haved already added the jquery and below where i added the jquery i have placed the cdn link of jquery datatable </p>
  
  <pre><code>&lt;script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/dataTables.jqueryui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and below that i have a javascript function to convert normal html table into jquery datatable </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  
    $('#vibed-music').DataTable();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>So the library sequence is like this
  1) jquery 2) jquery.datatables.js 3) juery.datatables.css
  still i am getting an error of datatables() is not defined. Can you tell me why?</p>