title: Backbone JS - View not rendering
body: <p>I am trying to get a simple html page to display the retrieved collection data on the html page. There are no errors being thrown so I cannot tell what I'm doing wrong.</p>
  
  <p>The model, collection, and view are being created properly as I can see them in the console with the data that's being retrieved from the API, however the page is not displaying anything on the page. Any help would be greatly appreciated.</p>
  
  <p><strong>Model</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>Department = Backbone.Model.extend({
    idAttribute: "dept_id",
    urlRoot: appRouteUrl + '/api/v1/departments',
    defaults: {
      dept_code: '',
      dept_desc: ''
    }
  });
  </code></pre>
  
  <p><strong>Collection</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>DepartmentCollection = Backbone.Collection.extend({
    url: appRouteUrl + '/api/v1/departments',
    model: Department
  });
  </code></pre>
  
  <p><strong>View</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>var DepartmentListView = Backbone.View.extend({
    template: "#department-list-template",
    tagName: "ul",
    render: function() {
      var results = [];
      var compiledTemplate = _.template(this.template);
      this.collection.each(function(department) {
        console.log(department);
        var html = compiledTemplate(department.toJSON());
        results.push(html);
      });
      this.$el.html(results);
      return this;
    }
  });
  </code></pre>
  
  <p><strong>Index</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;AppName&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="departments"&gt;
      &lt;script type="text/template" id="department-list-template"&gt;
        &lt;span&gt;&lt;%= dept_desc %&gt;&lt;/span&gt;
      &lt;/script&gt;
    &lt;/div&gt;
    &lt;script&gt;
      var departments = new DepartmentCollection();
      departments.fetch();
  
      var departmentList = new DepartmentListView({
        collection: departments
      });
  
      $('.departments').html(departmentList.render().$el);
      departmentList.render();
    &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>