2 ways to refine from a model

or to load directly

by hamzeen hameem

HTML

filteredResults: function() {
    var filter = this.get('filter');
    return this.get('model');
    /*return this.get('model').filter(function(item) {
      return item.attributes.city.toLowerCase().indexOf(filter.toLowerCase()) !== -1;
    });*/
  }.property('filter'),

CSS

Ember Concept:
https://www.quora.com/What-is-the-best-way-to-learn-Ember-js

Handlebars:
http://handlebarsjs.com/builtin_helpers.html

The difference is in the context of the jquery selector.
Ember.$()
is scoped to the entire document, ie, you can access any element on the page.

this.$()
In contrast, is scoped to the current component or view