Javascript for group of text boxes with same class
<p>I have a group of text boxes with class as 'track'. All text boxes are in separate td. I have particular div for each text boxes that is bind in same td. I am trying to write a JavaScript function for each text boxes (Auto complete function) such that it gives me suggestion in that particular div.</p>

<p>I have structure is...</p>

<pre><code>&lt;tr&gt;
    &lt;td&gt;&lt;input name="track[]" type="text" class="track" maxlength="150" onkeyup="lookup(this.value);" onblur="fill();"/&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;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Is it easy to write JavaScript function or jquery for this?</p>

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

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

<p><strong>Note</strong> How can I convert it for each text box. That it give suggestion for that particular text box and fill only that particular text box.</p>
