[jQuery] Autocomplete dla kilku inputów z taką samą klasą. Opcje

[lustfingers]

Próbuje wdrożyć ten autocomplete: http://www.bewebdeveloper.com/tutorial-abo...ysql-and-jquery i działa ładnie z tym że posiadam naście identycznych inputów a autocomplete pojawia się tylko dla pierwszego.

Mój input wygląda tak:

[HTML] pobierz, plaintext 
<li>
     <input type="text" class="ingredient" name="ingredient[]" onkeyup="autocomplet()" autocomplete="off" value="" />
     <ul id="ingredient_list_id"></ul>
</li>
[HTML] pobierz, plaintext 

a kolejne inputy pojawiają się przy użyciu funkcji clone(), natomiast kod js prezentuje się tak:

[HTML] pobierz, plaintext 
function autocomplet() {
	var min_length = 1; // min caracters to display the autocomplete
	var keyword = $('.ingredient').val();
	if (keyword.length >= min_length) {
		$.ajax({
			url: 'ajax_refresh.php',
			type: 'POST',
			data: {keyword:keyword},
			success:function(data){
				$('#ingredient_list_id').show();
				$('#ingredient_list_id').html(data);
			}
		});
	} else {
		$('#ingredient_list_id').hide();
	}
}
 
// set_item : this function will be executed when we select an item
function set_item(item) {
	// change input value
	$('.ingredient').val(item);
	// hide proposition list
	$('#ingredient_list_id').hide();
}
[HTML] pobierz, plaintext 

więc jest minimalnie inny od tego z przykładu ponieważ w przykładzie opierał się na ID. Wiem że muszę dla każdego inputa nadać inne ID i dostosować do tego kod js tylko nie mam zielonego pojęcia jak, od czego zacząć?

[Pyton_000]

Zauważ że wszędzie gdzie robisz `$('.ingredient').val();` to zawsze pobiera Ci pierwszy (chyba) input z tą klasą. Musisz to zmienić.

Oczywiście ID elementu MUSI być unikalne więc też musisz dodać zamiast `ingredient_list_id` jakąś unikalną nazwę dla każdego autocomplete.