JavaScript jQuery autocomplete not functioning

I have spent many hours trying to figure out what is preventing the jQuery autocomplete function from working so would really appreciate any help. I am getting the following error in IE and a similar one in Chrome and Firefox:

JavaScript runtime error: Object doesn't support property or method 'autocomplete'

From what I have researched I understand that this is due to a js reference file but none of the solutions I have seen have worked. Here are the references to the js-ui and general js file:

<head>
   <meta charset="utf-8">
   <title>jQuery UI Autocomplete - Custom data and display</title>
   <link rel="stylesheet" target='_blank' href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
   <script src="~/Scripts/jquery-1.10.2.js"></script>
   <script src="~/Scripts/jquery-ui-1.11.4.js"></script>
</head>

And here is where I implement it:

<script type="text/javascript">
        $(document).ready(function () {

            $("#school").autocomplete ({
                minLength: 2,
                source: schools,
                select: function (e, ui) {
                    e.target.value = ui.item.label;
                    $("#schoolValue").val(ui.item.value);
                    e.preventDefault();
                }
            });
</script>
<input id="school" class="register-field" placeholder="School" type="text" />

This has been driving me absolutely crazy so I again appreciate any help!

Answer:1

I have the next chain of ajax calls: ajaxCall1().then(function(){ ajaxCall2(). then(function(){ ajaxCall3().then(function(){ .... }) }) }) As you can see I am not ...

I have the next chain of ajax calls: ajaxCall1().then(function(){ ajaxCall2(). then(function(){ ajaxCall3().then(function(){ .... }) }) }) As you can see I am not ...

need help with little thing. I've searched current question, but didn't find good example. I have two arrays with same count of objects: array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; ...

need help with little thing. I've searched current question, but didn't find good example. I have two arrays with same count of objects: array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; ...

  1. concat arrays into
  2. merging two arrays into one
  3. append into arrays

This function works on loading an external page inside of a div that passes a $_POST variable and click works on the first record on loading the same external page with $_POST variable from query. $(...

This function works on loading an external page inside of a div that passes a $_POST variable and click works on the first record on loading the same external page with $_POST variable from query. $(...

In my Vue-driven HTML I have the line <span>Last updated on {{incident.LastUpdate[0].date}}</span> data in the Vue instance is defined as data: { incident: {} } In the course of ...

In my Vue-driven HTML I have the line <span>Last updated on {{incident.LastUpdate[0].date}}</span> data in the Vue instance is defined as data: { incident: {} } In the course of ...