title: rendering template html via backbone view
body: <p>I have a simple page that contains a 3 step wizard.  Basically, the user fills out a textbox, clicks next, which loads the next form field.  </p>
  
  <p>I have setup all the HTML inside a template and use that template in a backbone view.</p>
  
  <p>The problem is, backbone isn't rendering the HTML inside the template. I just get a blank screen.</p>
  
  <p>Here is my template:</p>
  
  <pre><code>&lt;script type="text/template" id="assessmentTitleTemplate"&gt;
  
      &lt;div id="titleDiv"&gt;
          &lt;label for="title"&gt;Title:&lt;/label&gt; &amp;nbsp;&amp;nbsp;&lt;input type="text" /&gt;
      &lt;/div&gt;
  
      &lt;div id="choicesDiv" style="display: none;"&gt;
          &lt;label for="choices"&gt;Choices:&lt;/label&gt;&lt;input type="text" /&gt;
      &lt;/div&gt;
  
      &lt;div id="typeDiv" style="display: none;"&gt;
          &lt;label for="types"&gt;Types:&lt;/label&gt;
          &lt;select name="type"&gt;
              &lt;option&gt;red&lt;/option&gt;
              &lt;option&gt;blue&lt;/option&gt;
              &lt;option&gt;green&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  
     &lt;div id="directionControl"&gt;       
          &lt;input type="button" value="Prev" /&gt; &amp;nbsp;&amp;nbsp;&lt;input type="button" value="Next" /&gt;
      &lt;/div&gt;
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my backbone javascript code:</p>
  
  <pre><code>"use strict";
  
  var titleView = Backbone.View.extend({
      tagName: 'div',
      className: 'title',
      template: _.template($('#assessmentTitleTemplate').html()),
  
      events: {
          'click .next': 'saveProceedNext',
          'click .prev': 'ProceedPrev'
  
      },
  
      initialize: function () {
          this.render;
      },
  
      render: function () {
          this.$el.html(this.template(this.model.toJSON()));
          return this;
      },
  
      saveProceedNext: function() {
          this.$('#titleDiv').hide();
          this.$('#choicesDiv').show();
      },
  
      ProceedPrev: function() {
      }
  });
  </code></pre>