autocomplete issues - tab key
<pre><code>function cataLogAutoComplete(pmRow){
 $('#txtCatref'+pmRow).flushCache();
 $('#txtCatref'+pmRow).autocomplete("eds_master_document_aj.php?catalogId=1",{
    delay:10,
    minChars:1,     
    cacheLength:20,
    mustMatch:true,
    formatItem: function(data, i, n, value) {
         return (value.split("#-#")[1])
    },
    formatResult: function(data, value) {
         return(value.split("#-#")[1]);
    }
}).result(function(event, item, data) {
    var resultArray = data.split('#-#');
    $('#txtHidCatlog'+pmRow).val(resultArray[0]);
    $('#txtQuality'+pmRow).val('');
    $('#txtSize'+pmRow).val('');
    $('#txtPrdCode'+pmRow).val('');
});

}
</code></pre>

<p>This is my auto-complete code.When i use TAB key, the auto-complete function return response successfully(In console) but it shouldn't display in my page.when I use mouse click in anywhere of the page its working properly.Please assist me  </p>
