JQuery自动完成功能无法在当前代码中运行

Question

我正在使用mysql自动完成功能从数据库中查找可能的匹配...

如果我完全清空页面，它会起作用...但是一旦我添加页面内容就无法工作......

我在控制台中没有错误..

这是我添加JS库的地方

 <script src="templates/bower_components/jquery-1.6.2.js"></script>
    <script src="templates/bower_components/ui/jquery.ui.core.js"></script>
    <script src="templates/bower_components/ui/jquery.ui.widget.js"></script>
    <script src="templates/bower_components/ui/jquery.ui.position.js"></script>
    <script src="templates/bower_components/ui/jquery.ui.autocomplete.js"></script>
    <script src="templates/bower_components/modernizr/modernizr.js"></script>

这是我的自动完成功能...

 <script type="text/javascript">

 $(document).ready(function() {

      $("#tags").autocomplete({

          source: "templates/search2.php?field=sire",
          minLength: 5 

      });

  });
</script>

这是我的文本框

<input type="text" class="input tiny search-term" name="proposeddam"  id = "tags">

我在函数中添加了一个警告框，但它似乎永远不会被调用..

有什么建议吗？