Autocomplete list for group of text boxes
<p>From my particular question I have got answer for implementing auto complete list..but issue is when I clicked on any suggested it blanks my input box. I have input boxes with class <code>track</code>. My function that I used for on blur event is..</p>

<pre><code>&lt;input name="track[]" type="text" class="track" maxlength="150"/&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;script&gt;
$('input.track').keyup(function() {
var poetname = $(this).val();
if(poetname.length == 0) {
    // Hide the suggestion box.
    $(this).parent().find('#suggestions').hide();
} 
else {
    $.ajax({
        url: "rpc.php",
        type: "post",
        data: {queryString: poetname},
        context: this, // i.e. the text box
        success: function(data) {
            if(data.length &gt;0) {
                $(this).parent().find('#suggestions').show();
                $(this).parent().find('#autoSuggestionsList').html(data);
            }
        }
    });
}
});

$('input.track').blur(function() {
    $(this).val( );
    $(this).parent().find('.suggestionsBox').hide();
});
&lt;/script&gt;
</code></pre>
