Scriptaculous: несколько полей автозаполнения

Question

Мне нужно найти способ добавления пяти полей HTML автозаполнения в веб-форму. У меня один работает отлично, но когда я повторяю код, он не работает. Я уверен, что есть очень простой ответ на этот вопрос, но мой новизна в Javascript привела меня на неверный путь.

Спасибо за любую помощь. Вот код JS:

window.onload = function() {
new Ajax.Autocompleter('venue0', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                
new Ajax.Autocompleter('venue1', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });
new Ajax.Autocompleter('venue2', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });
new Ajax.Autocompleter('venue3', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                    
new Ajax.Autocompleter('venue4', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                    
};       

Вот соответствующий HTML:

<input name="venue0" type="text" id="venue0" value="" />
<input name="venue1" type="text" id="venue1" value="" />
<input name="venue2" type="text" id="venue2" value="" />
<input name="venue3" type="text" id="venue3" value="" />
<input name="venue4" type="text" id="venue4" value="" />
<p id="loading" style="display:none">
    <img alt="Searching..." src="static/images/thinking.gif" />
</p>
<div id="venue_choices" style="z-index:1;"></div> 

Как я говорю, venue0 работает отлично, но другие не вызывают никакой реакции от JQuery. Что за глупости я сделал?

Answer 1

В итоге я использовал другое решение: поместил все те же параметры автозаполнения в одно поле ввода (очень похоже на "теги" на этом сайте). Кажется, работает нормально!