Confusion with jquery selector implement to more than one element
<p>I have particular function for auto complete list. Though its work great with page having single text box. I want to implement it on page having more than one text box. Suppose I have 10 text boxes and I want to implement it to all. I am bit confused with selector and all. </p>

<pre><code>&lt;input name="track[]" type="text" class="track" maxlength="150" onkeyup="lookup(this.value);" onblur="fill();" id="track_1"/&gt;
      &lt;div class="suggestionsBox" id="suggestions" style="display: none;"&gt;&lt;img src="images/upArrow.png" style="position: relative; top: -12px; left: 50px;" alt="upArrow" /&gt;
        &lt;div class="suggestionList" id="autoSuggestionsList"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;


&lt;input name="track[]" type="text" class="track" maxlength="150" onkeyup="lookup(this.value);" onblur="fill();" id="track_2"/&gt;
      &lt;div class="suggestionsBox" id="suggestions" style="display: none;"&gt;&lt;img src="images/upArrow.png" style="position: relative; top: -12px; left: 50px;" alt="upArrow" /&gt;
        &lt;div class="suggestionList" id="autoSuggestionsList"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
</code></pre>

<p>My text boxes having such flow with different id's...
My jquery function is...</p>

<pre><code>function lookup(poetname) { 
    if(poetname.length == 0) {
        // Hide the suggestion box.
        $('#suggestions').hide();
    } else {
        //alert("Hiiii");
        $.post("rpc.php", {queryString: ""+poetname+""}, function(data){
            if(data.length &gt;0) {
                $('#suggestions').show();
                $('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    $('#poetname').val(thisValue);
    setTimeout("$('#suggestions').hide();", 500);
}
</code></pre>
