未捕获的TypeError：undefined不是页面上的函数错误

Question

我有一个控制台消息＆＃34; Uncaught TypeError：undefined不是函数（索引）：29（匿名函数）（索引）：29jQuery.extend.ready jquery.js：387DOMContentLoaded jquery.js：722＆＃ 34; - 我想要自动完成工作。我用谷歌搜索了大约一个小时:(。我只有一个对JQuery的引用，我参考了自动完成的CSS。任何帮助都将不胜感激。

我的HTML：

<title>MyTITLE</title>

<script type="text/javascript" src="autocomplete/jquery.js"></script>
<script type="text/javascript" src="autocomplete/jquery.autocomplete.js"></script>
    <link rel="stylesheet" type="text/css" href="autocomplete/jquery.autocomplete.css" />


<link href="templates/css/bootstrap.min.css" rel="stylesheet">

<link href="templates/css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">

<link href="templates/css/sb-admin-2.css" rel="stylesheet">

<link href="templates/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript"> $(document).ready(function(){  $("#customer_name").autocomplete("autocomplete/customer.php", {      selectFirst: true   }) }); </script>

    <input type="text" value="" id="customer_name" name="customer_name" class="form-control" placeholder="Place Customer Here">

我在控制台中附上了错误的图片。 感谢您的所有帮助