title: Client Side Pagination : $(......).dataTable() is not a function
body: <p>I am currently working on client side pagination and i got stuck in it.so i am looking for a help
  Below is my code in jsp:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"&gt;
  &lt;script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and my table is :</p>
  
  <pre><code>&lt;table id="logTable" class="table table-bordered"&gt;
                &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;
                          Transaction Log
                      &lt;/th&gt;
                      &lt;th&gt;
                          Updated On
                      &lt;/th&gt;
                      &lt;th&gt;
                          Updated By
                      &lt;/th&gt;
                  &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                  &lt;c:if test="${fn:length(transactionLogList) gt 0}"&gt;
                      &lt;c:forEach var="tLog" items="${transactionLogList}"&gt;
                          &lt;tr&gt;
                              &lt;th&gt;
                                  ${tLog.remarks}
                              &lt;/th&gt;
                              &lt;th&gt;
                                  ${tLog.created }
                              &lt;/th&gt;
                              &lt;th&gt;${tLog.username}&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/c:forEach&gt;
                  &lt;/c:if&gt;
               &lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>
  
  <p>And my jquery datatable function is </p>
  
  <pre><code>$(document).ready(function(){
          $('#logTable').dataTable();
        });
  </code></pre>
  
  <p>And i got following error :</p>
  
  <pre><code>Uncaught TypeError: $(...).DataTable is not a function
  at HTMLDocument.&lt;anonymous&gt; 
  at j (jquery.min.js:2)
  at Object.fireWith [as resolveWith] (jquery.min.js:2)
  at Function.ready (jquery.min.js:2)
  at HTMLDocument.J (jquery.min.js:2)
  </code></pre>
  
  <p>How to get rid from this error</p>