Uncaught ReferenceError: $ is not defined - in using autocomplete widget
Hi there! It's my first time to use jQuery UI autocomplete. It worked perfectly in our development side. However, when I already deployed it (prod side), I cannot get it working. I used Google Chrome Javascript debugger (Ctrl+shift+J) and got these errors below.
Failed to load resource: the server responded with a status of 404 (Object Not Found)
jquery.ui.position.js
jquery.ui.widget.js
Failed to load resource: the server responded with a status of 404 (Object Not Found)
jquery-1.4.4.js
Failed to load resource: the server responded with a status of 404 (Object Not Found)
jquery.ui.core.js
Failed to load resource: the server responded with a status of 404 (Object Not Found)
jquery.ui.all.css
Failed to load resource: the server responded with a status of 404 (Object Not Found)
This is what my code looks like:
- <script src="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/jquery-1.4.4.js"></script>
- <script src="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.core.js"></script>
- <script src="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.widget.js"></script>
- <script src="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.position.js"></script>
- <script src="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.autocomplete.js"></script>
- <link rel="stylesheet" href="https://www.absolutePath.com/thisFolder/jquery-ui-1.8.10.custom/development-bundle/themes/base/jquery.ui.all.css">
I already double checked the paths and they are correct. I also tried changing $(function() to jQuery(function() but still doesn't work. I find it hard to debug because there are no errors in the dev side. Did I miss something here? Thank you.