Virtual Search Bar - Table hidden at fist time

app.js

var win = Ti.UI.createWindow({backgroundColor : 'white'});
var vsearchbar = Ti.UI.createSearchBar({top: 0, height: 40, hintText: 'Search', showCancel: true});
win.add(vsearchbar);
 
var searchbar = Ti.UI.createSearchBar();
var tbl = Ti.UI.createTableView({
    search: searchbar,
    visible: false,
});
tbl.setData( fetchData(0, 5) );
win.add(tbl);
win.open();
 
vsearchbar.addEventListener('change', function(e){
    vsearchbar.hide();
    tbl.visible = true;
    searchbar.focus();
    searchbar.value = e.value;
});
 
searchbar.addEventListener('cancel', function(e){
    vsearchbar.value = '';
    vsearchbar.show();
    tbl.visible = false;
});
 
function fetchData(start, len) {
    var rows = [];
    for (var i = 0; i < len; i++) {
        var tmp = i + start;
        rows.push({title: 'Row ' + tmp});
    }
    return rows;
}