jquery datatables undefined is not a function

Question

I am current using a Ajax function provided by the datatables i only change the url to my own url and the number of columns. This is the error i get

Uncaught TypeError: undefined is not a function $(document).ready(function() { alert('working'); $('#example').dataTable( { "processing": true, "serverSide": false, "ajax": { "url": "ViewOwnConsultServ", "type": "POST" }, "columns" : [ {"data" : "lecturename"}, {"data" : "date"}, {"data" : "starttime"}, {"data" : "endtime"}, {"data" : "school"} , {"data" : "team"} , {"data" : "status"} , {"data" : "problem"} ] } ); } ); Here is an my HTML

<table id="example" class="display" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>Lecturer's Name</th>
                    <th>Date</th>
                    <th>Start Time</th>
                    <th>End Time</th>
                    <th>School</th>
                    <th>Team</th>
                    <th>Status</th>
                    <th>Teacher's note</th>
                </tr>
            </thead>
        </table>

I suspected it was something to do with my json but i checked. The below shows an example of my servlet. Does the datatables column should be == to the number of parameter of my json string?

Lastly this is an example of my json output

"data":[{"id":0,"staffid":0,"lecturename":"","starttime":"1pm","endtime":"2pm","roomno":0,"school":"Northland Secondary School","team":"northland","status":"Unconfirmed","date":"01/19/2015","problem":" can i PLEASE CONSULT YOU ON MATTER THAT DONT EXIST"},

Oh i forgot this are my imports

Answer 1

AVOID DUPLICATE SCRIPTS works for me because I re added into a black jsp page with certain js scripts. Because i din't realize there were other scripts at the bottom of the page