title: Loading/reloading data from an action function without changing the route
body: <p>I am just starting with ember and trying to do a simple test.
  Which, also very simple, got me stuck for some reason and I cant find the answer anywhere.</p>
  
  <p>So I need load data from the server without transition to another route and do it from within a <code>submit</code> action (or any other action for that matter).</p>
  
  <p>I have a simple input form where I type in manually an object ID and
  I want it to be loaded say right underneath. Simple enough. Seams to be a three minutes job in angular. Here, I just cant get the hang of communication between route and controller.</p>
  
  <p>So given this little emblem</p>
  
  <pre><code>form submit="submit"
    = input type="text" value=oid
    button type="submit" Submit
  #display
    = person
  </code></pre>
  
  <p>And this route</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Route.extend({
    model: {
        person: null
      },
    actions: {
     submit: function() {
       var oid = this.controllerFor('application').get('oid');
       var person = this.store.find('person', oid);
       this.modelFor('application').set('person', person);
     }
   }
  });
  </code></pre>
  
  <p>This is as far as I could think. I want to click submit with ID of an object and I want that object loaded and displayed in the div#display.</p>
  
  <p>So what am I doing wrong? What is the right way to do it?</p>
  
  <p>First, I don't even know where to put such an action? Controller or route?
  If I put it in controller, I don't know how to refresh the model. If I put it in route, I am stuck with the above. Would be also nice to see how to do it if action was placed in the controller.</p>
  
  <p>For simplicity I just do it all in application route, template, controller ...</p>
  
  <p>Thank you</p>