title: EmberJS - generate random object in array of objects
body: <p>I have a button that when clicked loads a new route in my Ember site and returns an array of objects. What I would like to do is set it so that this button being clicked results in a random object in that array being rendered in the template. That way the user can get a different result with every click. I am not sure how to tell it to select a random index and render it in my handlebars template. Any help would be appreciated. I am pretty new to Ember.</p>
  
  <p>This is my route that is being loaded (but doesn't show the content):</p>
  
  <pre><code>App.GenerateRoute = Ember.Route.extend({
      model: function(){
          return App.GENERATE;
      }
   });
  
  
  App.GENERATE = [
      {
      id: 1,
      word: //word here,
      language: //language here',
      trans: //translation here'
      },
      {
      id: 2,
      word: //word here,
      language: //language here',
      trans: //translation here'
      },
      {
      id: 3,
      word: //word here,
      language: //language here',
      trans: //translation here'
      }
  ];
  </code></pre>