SearchBar implementation - Not working

home-view-model.js

Model.set("searchVisible", false);
Model.searchShow = function() {
        this.set("searchVisible", true);
};
Model.searchHide = function() {
    this.set("searchVisible", false);
};

// I'm using a definedProperty for a specific reason -- if you don't need a event you can attach to fired per character inserted into the search bar
// Then just doing a Model.set("searchValue", ""); is all you need rather than the code below.
Object.defineProperty(Model, "searchValue", {
    get: function () {
        return this._searchValue;
    },
    set: function (v) {
        if (this._searchValue !== v) {
            this._searchValue = v;
            this.notify({ object: this, eventName: "searchValue_changed", propertyName: "searchValue", value: v });
        }
    },
    enumerable: true,
    configurable: true
});

home.js

var Model = require("../../shared/view-models/home-view-model");

var bindingContext = new Observable.Observable({
    title: 'Home',
    myItems: new ObservableArray.ObservableArray([])
});

exports.loaded = function(args) {
	var page = args.object;

	page.bindingContext = { bindingContext:bindingContext };

};


exports.searchHide = function() {
    Model.searchHide();
};

exports.searchSubmit = function() {
    Model.searchHide();
    console.error("Search Value:", Model.searchValue);
};

home.xml

<page loaded="loaded" xmlns:drawer="nativescript-telerik-ui/sidedrawer" xmlns="http://schemas.nativescript.org/tns.xsd"  xmlns:gv="nativescript-grid-view">
<SearchBar textFieldHintColor="#ffffff" hint="Search..." text="{{ searchValue }}" col="1" colSpan="2" visibility="{{ searchVisible ? 'visible' : 'collapsed' }}" submit="searchSubmit" clear="searchHide" cssClass="mainSearch"/>
</page>