title: Backbone how to get specific object in array
body: <p>My API returns a JSON array like this:</p>
  
  <pre><code>cars:[
    { 
      "id" : "1",
      "fabrication" : "AUDI",
      "description" : "some text",
      "image"       : "some image"
    },
    { 
      "id" : "2",
      "fabrication" : "BMW",
      "description" : "some text",
      "image"       : "some image"
    },
    { "id" : "3",
      "fabrication" : "MERCEDES",
      "description" : "some text",
      "image"       : "some image"
    },
    { 
      "id" : "4",
      "fabrication" : "PORSCHE",
      "description" : "some text",
      "image"       : "some image"
    }    
  ]
  </code></pre>
  
  <p>So now, I have this list of data models rendered in a Handlebars HTMl template. My goal is, to click on an item, and then display the details for the clicked item.</p>
  
  <p>Here is the HTML</p>
  
  <pre><code>&lt;div&gt;
    {{#each this}}
      &lt;div&gt;
        &lt;a class="item" item-id="{{id}}&gt;
          &lt;h1&gt;{{fabrication}}&lt;/h1&gt;
          &lt;img src="{{someimage}}" /&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    {{/each}
  &lt;/div&gt;
  </code></pre>
  
  <p>The Backbone code:</p>
  
  <pre><code>events: {
     'click .item': 'showDetails'
  },
  
  showDetails:function(e) {
      e.preventDefault();
      var item = $(e.currentTarget).data('id');
  }
  </code></pre>
  
  <p>So far so good, I get the correct id, but how do I get the rest of the data and display them in a new view?</p>
  
  <p>Any help is appreciated...</p>