title: Jquery Object doesn't support this property or method
body: <p>I have the following in my JSP page and I am getting error </p>
  
  <pre><code>Message: Object doesn't support this property or method
  </code></pre>
  
  <p>at  <code>$("#projects").dataTable({</code></p>
  
  <p>If I remove </p>
  
  <pre><code>.makeEditable({
                     sAddURL: "addController"
                                });
  </code></pre>
  
  <p>then there are no js errors, how can I resolve this issue? </p>
  
  <p><strong>JS Code</strong></p>
  
  <pre><code>$(document).ready(function () {
      $("#projects").dataTable({ // error here
          "bServerSide": true,
          "sAjaxSource": "mycontroller",
          "bProcessing": true,
          "sPaginationType": "full_numbers",
          "bJQueryUI": true
      }).makeEditable({
          sAddURL: "addController"
      });
  });
  </code></pre>
  
  <p>and I have the following js files</p>
  
  <pre><code> &lt;script src="scripts/jquery-1.4.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="scripts/jquery.dataTables.editable.js" type="text/javascript"&gt;
   &lt;/script&gt;
   &lt;script src="scripts/jquery.jeditable.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="scripts/jquery.validate.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="scripts/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
  
   &lt;script src="scripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="scripts/jquery.dataTables.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>