index.hbs

<h1>Who do you want to know about?</h1>

<p>
  {{view EmberStore.NameField person=person}}
</p>

{{#if person}}
  <h3>
    Here's some info about {{person.first_name}} {{person.last_name}}:
  </h3>

  <dl>
    <dt>Age:</dt>
    <dd>{{person.age}}</dd>
    <dt>Job Title:</dt>
    <dd>{{person.job_title}}</dd>
  </dl>
{{/if}}

index_controller.js.coffee

EmberStore.IndexController = Ember.Controller.extend()

name_field.js.coffee

EmberStore.NameField = Em.TextField.extend
  didInsertElement: ->
    view = this
    $("##{this.elementId}").select2
      width: '20em'
      ajax: 
        url: '/api/people'
        data: (name) ->
          q:
            first_name_or_last_name_cont: name
        results: (results) ->
          { results: results.people }
      formatResult: (person) ->
        "#{person.first_name} #{person.last_name}"
      formatSelection: (person) ->
        view.set('person', person)
        @formatResult(person)