title: Backbone.js: Rendering json data in a model
body: <p>OK, super basic Backbone question - I've been searching all round for this, but am just too slow to get it despite a multitude of similar questions. Rest assured I am suitably ashamed.</p>
  
  <p>Anyway, enough self-flagellation - why doesn't this render?</p>
  
  <pre><code>var app = app || {};
  
  app.Option = Backbone.Model.extend({
  url: 'http://localhost:4711/api'
  
  //This url contains the following JSON: {"title": "Blahblah", "author": "Luke Skywalker"};  
  });
  
   app.View = Backbone.View.extend({
  
  el: 'body',
  
  initialize: function(){
      this.model.fetch();
      this.model.bind('change', this.render(), this);
  },
  
  render: function(){
      this.$el.html(this.model.get('title'));
      return this;
  }
  
  });
  
  
  $(function() {
  
   var option = new app.Option();
      this.homeView = new app.View({   //Tried changing this to a standard var declaration but didn't work
        model: option
      });
      this.homeView.render();
  });
  </code></pre>
  
  <p>So I'm expecting to see the JSON "Blahblah" on the screen, but I see nothing. The JSON is being fetched correctly (I can see the successful GET request in the firebug console) and I think I've ensured the data is fetched before I attempt to render it...</p>
  
  <p>So what's wrong? The console is giving me this error: "TypeError: (intermediate value).callback.call is not a function"</p>
  
  <p>Thanks!</p>