Click search table item, it clears search bar,refresh table but no word type in

Hello, I generate a search function for 14,000 records and just show up 10 closest. But when I click a search table item, it clears search bar,refresh table but no word type in search bar. Anyone knows why this happen? Nothing print from click EventListener. Thanks a lot.

$.tfSearchTable.addEventListener('click', function(e) {
    var rowdata = e.rowData;
    Ti.API.info('search table clicked'+rowdata.title);
    $.tfSearchBar.setValue(rowdata.title);
    $.tfSearch.setValue(rowdata.title);
    $.tfSearchBar.fireEvent('return');
});
 
$.tfSearchBar.addEventListener('change', function(e) {
    $.tfSearch.setValue($.tfSearchBar.getValue());
    var count = 0;
    var winename=[];
 
    var text = winenamefile.read().text;
    var doc = Ti.XML.parseString(text); 
    var channel = doc.documentElement.getElementsByTagName("AllWines");
    var items = doc.documentElement.getElementsByTagName("wine");
    for (var i=0;i<items.length;i++) {
        if(items.item(i).getElementsByTagName("description").item(0).text.toLowerCase().indexOf($.tfSearchBar.getValue().toLowerCase())>=0){
            winename.push({title:items.item(i).getElementsByTagName("description").item(0).text});
            count=count+1;
            if(count>=10){
                break;
            }
        }
    }
    $.tfSearchTable.setData(winename);
 
});