Object doesn't support property or method 'autocomplete'

Question

I am getting the above mentioned error. Below is my code snippet.

<link rel="stylesheet" href="/css/autoComplete/jquery-ui.css" />
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="/css/datepicker.css">
<link rel="stylesheet" href="/css/customlook.css">
<link rel='stylesheet' href='/css/Header.css' />
<link rel='stylesheet' href='/css/Test.css' />
<script type="text/javascript" src="/js/autoComplete/jquery.min.js"></script>
<script type="text/javascript" src="/js/autoComplete/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/advanced_search_filters.js"></script>
<script type="text/javascript" src="/js/dateJs/jquery.js"></script>
<script type="text/javascript" src="/js/dateJs/core.js"></script>
<script type="text/javascript" src="/js/dateJs/datepicker.js"></script>
<script type="text/javascript" src="/js/user.js"></script>
<script type="text/javascript" src="/js/utils.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    alert('testing');
    $("#CARD_HOLDER_NAME").autocomplete({
      source : '${pageContext. request. contextPath}/cardHolderName'
     });
    });
</script>

Please help me to resolve it.

Answer 1

You're missing/wrongly placed jQuery/ jQuery UI.js/ autocomplete.js files and the order should be

(1) jQuery.js
(2) jQuery UI.js
(3) autocomplete.js

Add the following before autocomplete

<script src="http://code.jquery.com/jquery-1.9.1.js />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" />