動的に追加されたテーブル行に、jqueryのオートコンプリート機能を適用させたい。

Question

実現したいこと

動的に追加されたテーブル行に、jQueryUIのオートコンプリートを適用させたいです。

問題

現在クローンメソッドを使用して行の追加を行っています。
現状の書き方で行を追加をすると、先頭行クラス（name）のみにオートコンプリートが適用されてしまいます。
何かいい方法はありませんでしょうか。ご教示お願い致します。

//オートコンプリート
<script>
// オートコンプリートの関数
var autocompleteInit = $(document).ready( function() {
**  $('.name').autocomplete({**
    source: function(req, resp){
	  $.ajax({
	    type: 'POST',
	    url:  'list_get.php',
        dataType: 'JSON',
	    cache: false,
	    data: { param1: req.term },
	  }).done(function(data){
		resp(data);
	  }).fail(function(){
		resp(['']);
	  });
	}
 });
});
/<script>

//テーブル行動的追加
<script>
	//行追加
	$('#btnCpy').on('click', function() {
		$('#den_tbl tbody tr:last-child').clone(true).appendTo('#den_tbl tbody');
		// 追加した行の値をクリアする
		$('#den_tbl tbody tr:last-child input.name').val('');
		autocompleteInit();
	});
</script>

echo"
<input id='btnCpy' type='button' value='行追加' />
<table id='den_tbl'>
<thead><tr><th>A</th><th>B/th></thead>
<tbody>
　　<tr>
　　<td><input name='h_name' type='text' class='name' value = '".$h_name."' ></td>
　　<td>xxx</td>
　　</tr>
～省略～
</tbody>

Answer 1

クローンしたあとにもイベント付与。
現状autocompleteInitにdocumet.readyが含まれてるのでそもそも一度しか動きません。

Comments

[test1234]

documet.readyを消してもうまく行きませんでした。今の書き方ではやりたいことを実現するのは難しいでしょうか。

[m.ts10806]

どのように改修されたのかわからないのでなんとも。

[test1234]

失礼しました。
クローンした後にautocompleteInitは付与しているので、下記documet.readyだけ消しました。
<script>
var autocompleteInit = $( function() {
$('.name').autocomplete({
source: function(req, resp){
$.ajax({
～

[m.ts10806]

調べたらわかりますが
$( function()
と
$(document).ready( function() {
は、ほぼイコールです。