title: Render JSON data to backbone.js template
body: <p>I've looked around a ton, and can't find an answer to this issue. I'm trying to take a local JSON file, load it up using Backbone.js and render it to a template in the browser. My file downloads, and the template appears, but it is never populated by the data. Any thoughts? Thanks in advance.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;People list&lt;/title&gt;
    &lt;link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
    &lt;div class="container"&gt;
      &lt;h1&gt;People list&lt;/h1&gt;
      &lt;hr /&gt;
      &lt;div class="page"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
  
    &lt;script type="text/template" id="people-template"&gt;
  
      &lt;table class="table striped"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;First Name&lt;/th&gt;
            &lt;th&gt;Last Name&lt;/th&gt;
            &lt;th&gt;Age&lt;/th&gt;
            &lt;th&gt;Photo&lt;/th&gt;
            &lt;th&gt;Video&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;% _.each(PersonCollection, function(Person) { %&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;%= Person.get("firstName") %&gt;&lt;/td&gt;
              &lt;td&gt;&lt;%= Person.get("lastName") %&gt;&lt;/td&gt;
              &lt;td&gt;&lt;%= Person.get("age") %&gt;&lt;/td&gt;
              &lt;td&gt;&lt;%= Person.get("photo") %&gt;&lt;/td&gt;
              &lt;td&gt;&lt;%= Person.get("video") %&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;% }); %&gt;
  
        &lt;/tbody&gt;
      &lt;/table&gt;  
    &lt;/script&gt;
  
    &lt;/body&gt;
  
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>JAVASCRIPT</strong></p>
  
  <pre><code>  &lt;script&gt;
  
      // MODEL MODEL MODEL
      // MODEL MODEL MODEL
  
      var Person = Backbone.Model;
  
      // COLLECTION COLLECTION COLLECTION
      // COLLECTION COLLECTION COLLECTION
  
      var PersonCollection = Backbone.Collection.extend({
        model: Person,
        url: '/people.json',
        parse: function (response) {
          return response
  }
      });
  
      // VIEWS VIEWS VIEWS
      // VIEWS VIEWS VIEWS
  
      var About = Backbone.View.extend ({
        el: '.page',
        render: function () {
          var that = this;
          var people = new PersonCollection();
          people.fetch({
            success: function (PersonCollection) {
              var template = _.template($('#people-template').html(), {PersonCollection: PersonCollection.models});
              that.$el.html(template);
            }
          })
        }
      });  
  
  
      var About = new About ();
  
      // ROUTES ROUTES ROUTES
      // ROUTES ROUTES ROUTES    
  
      var Router = Backbone.Router.extend({
        routes: {
          '': 'home'
        }
      });
  
      var router = new Router();
      router.on('route:home', function () {
        About.render();
      });
  
      Backbone.history.start();
  
    &lt;/script&gt;
  </code></pre>
  
  <p><strong>JSON SAMPLE</strong></p>
  
  <pre><code>{
    "people": [
      {
        "firstName": "Jane",
        "lastName": "Doe",
        "age": "32",
        "photo": "test_photo",
        "video": "test_video"
      },
      {
        "firstName": "James",
        "lastName": "Hamm",
        "age": "56",
        "photo": "test_photo",
        "video": "test_video"
      },
  </code></pre>
  
  <p>Thanks again for any suggestions. I'm new to stackoverflow (first question posted) so let me know if I need to provide more information.</p>