title: How to convert Backbone fetched object to proper Handlebars JSON Object?
body: <p>Currently I have an issue with getting back a proper JSON object I'm fetching with Backbone fetch() and putting it into a Handlebars template.</p>
  
  <p>See below my code, I have made a ugly workaround for now to test my Backend API
  When converting to JSON with *.toJSON(), it just adds an extra object in-between and I don't need this extra object</p>
  
  <pre><code>Object [0]
  --&gt; books
  ----&gt; Object [0]
  ------&gt; Array of book
  --------&gt; book
  --------&gt; cities
  </code></pre>
  
  <p>JSON</p>
  
  <pre><code>{
  "books": [
      {
          "book": 00001,
          "cities": [
              "TEST"
          ]
      },
      {
          "book": 00002,
          "cities": [
              "TEST"
          ]
      },
      {
          "book": 00003,
          "cities": [
              "TEST"
          ]
      }
  ],
  "more": true
  }
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>    var Book = Backbone.Model.extend({
  
      default: {
          book: 0,
          cities: ["TEST1", "TEST2", "TEST3"]
      },
  
      url: function () {
          return ".list.json";
      }
  
  });
  
  var Books = Backbone.Collection.extend({
      model: Book,
      url: ".list.json"
  });
  
  var BooksView = Backbone.View.extend({
      initialize: function(){
  
          _.bindAll(this, 'render');
          this.collection = new Books();
          this.collection.fetch();
          this.source = $('.e-books-template').html();
  
          // Use an extern template
          this.template = Handlebars.compile(this.source);
  
          var self = this;
          this.collection.fetch({
              success: function () {
                  self.render();
              },
  
              error: function () {
                  console.log("ERROR IN BooksView");
              }
          });
      },
  
      render: function() {
          var collect = JSON.stringify(this.collection);
          collect = collect.slice(1, -1);
          var html = this.template($.parseJSON(collect));
          this.$el.html(html);
      }
  });
  
  
  var booksView = new BooksView({ });
  
  $(document).ready(function(){
      booksView.$el = $('.e-books-content');
  });
  </code></pre>