将一个自动完成应用于同一页面中的不同输入字段

Question

我想将自动完成源应用于同一页面上的多个不同输入字段。我为输入做了同样的事情，但是第一次输入的自动完成工作和其他输入没有。这些是我的意见：

<div class="col-sm-10">
<br>
<label>Search 1: <label>
<input type="text" class="form-control typeahead" name="country" size="60" 
 id="autocomplete-ajax"> 
</div>
<br>

 <div class="col-sm-10">
 <br>
  <label>Search 2<label>
   <input type="text" class="form-control typeahead" name="country"  
   size="60" id="autocomplete-ajax"> 
 </div> 

自动完成由一些库完成。我没有写任何代码。图书馆是：

<script type="text/javascript" src="suggestion/scripts/jquery-1.8.2.min.js">
</script>
<script type="text/javascript"  src="suggestion/scripts/jquery.mockjax.js">
</script>
<script type="text/javascript"  src="suggestion/src/jquery.autocomplete.js">
</script>
<script type="text/javascript"  src="suggestion/scripts/countries.js">
</script>
<script type="text/javascript"  src="suggestion/scripts/demo.js"></script>

现在，如何解决此问题并将自动填充应用于一个页面中的不同输入？