framework.js

var SearchForm = Frame.createClass({
  render: function() {
    return (
      <input id="search-box" type="text" />
      <input id="search-button" type="button" />
    )
  }
});

var SearchResults = Frame.createClass({
  events: [{
    selector: "#input-box",
    trigger: "change",
    effect: function(event) {
      this.setState({searchValue: event.target.value})
    }
  }, {
    selector: "#input-button",
    trigger: "click",
    effect: function() {
      $.ajax("/model?query=" + event.target.value).then(function(data) {
        // insert data to search results
      })
    }
  }],
  render: function() {
    return (
      // something that holds search results
    );
  }
})