Ajax ile otomatik tamamlamada sorun

Merhaba arkadaşlar
http://jqueryui.com/autocomplete/
bu sistemi bir projemde kullanıyorum , yeni satır ekle diyerek input alanlarının altına bir input grubu daha oluşturuyorum dizi şeklinde verileri gönderiyorum.

Sorun dizi oluşturuken aynı name oldukları için alttaki bölümlerde otomatik tamamlama çalışmıyor , konu ile ilgili bilgisi olan arkadaşlar yardımcı olur ise sevinirim.


yukarıdaki örnek üzerinden gidersek html bölümü şöyle olduğu zaman çalışmasını nasıl sağlarız.

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags" name="tags[]">
  <input id="tags" name="tags[]">
</div>

ikisinde de otomatik tamamlamanın çalışmasını istiyorum.

Burda zaten mantık yanlış, aynı id ve aynı name'e sahipse neden tek input kullanmıyorsunuz ki gönderdiğiniz örnekte multiple olan örneği kullanın hem siz rahat edin hem jquery

Bu şekilde aynı id ye ve name'e sahip değerler ile işlem yapmanız mümkün değil çalışsa bile bir yerden su koyverir..

neden mantık yanlış html kodda dikkat ederseniz verileri dizi olarak gönderiyorum.
aslında buna yeni satır ekle butonu ile aynı input ve select leri alt satıra açtırıp dizi şeklinde veri gönderiyorum , ilk satırdaki ajax çalışıyor ama alt satırlarda da çalıştırmam gerekiyor.

Yanlış mantık şu siz diziye alıp aynı işlemleri yaptırıyorsunuz, bunun yerine tek inputta gelen veriyi bölüp kullanabilirsiniz

İD kavramı sayfada tek olması gereken bir tanımlayıcıdır. aynı id ile jquery seçicisi kullanamazsınız kullandığınız kodlarda

$( "#tags" ).autocomplete({
source: availableTags
});

Şu kısımdaki #tags id değerini altta çoğalttığınız sistemin id değerini girip çoğaltın bunun haricinde tek id ile 2 inputa seçici gönderemezsiniz jquery hangisine değerleri seçtireceğini bilemez..