title: Cannot read property 'toJSON' of undefined
body: <p>I'm not sure why <code>this.model</code> is undefined in my backbone view.</p>
  
  <p>Here's my script:</p>
  
  <pre><code>var TheModel = Backbone.Model.extend({
    defaults: {
      f_Name: "Darth"
    },
  
    parse: function(response) {
      console.log('parsing');
    }
  
  });
  
  var TheView = Backbone.View.extend({
    el: '.js-container',
  
    intialize: function() {
      this.model = new TheModel(); 
      debugger;
    },
  
    template: _.template( $('#form-template').html() ),
  
    render: function() {
      var self = this;
      this.$el.html( this.template({settings: this.model.toJSON()}) );
  
      return this;
    }
  });
  
  var theView = new TheView();
  theView.render();
  </code></pre>
  
  <p>Here's my templates:</p>
  
  <pre><code>&lt;div class="js-container"&gt;
  
  &lt;/div&gt;
  
  &lt;script type="text/template" id="form-template"&gt;
    &lt;h1&gt;Form&lt;/h1&gt;
    &lt;form action="" method="Post"&gt;
      &lt;div&gt;
          &lt;label for="firstName"&gt;First Name:&lt;/label&gt;
          &lt;input type="text" id="firstName" name="fName" /&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  
    &lt;div&gt;
      Name = &lt;%- settings.f_Name %&gt;
    &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>