title: Second render method not getting called to display Subview Backbone
body: <pre><code>var $ = require('jquery'),
      Handlebars = require('handlebars'),
      Backbone = require('backbone'),
      mainchartTemplate = require('../../templates/dashboard/chartscontainer.html'),
      pieChartView = require('../../views/dashboard/PieChartView'),
      lineChartView = require('../../views/dashboard/LineChartView'),
      moment = require('moment');
  
  var MainChartView = Backbone.View.extend({
      el: $('#id-charts-stats'),
  
      initialize: function() {
  
          this.pie = new pieChartView();
          this.line = new lineChartView();
      },
      events: {
          'click a.agraphType': "changeGraphData"
      },
  
      changeGraphData: function(ev) {
          ev.preventDefault();
          var type = $(ev.target).attr('type');
          sessionStorage.setItem("typeOfGraph", type);
          this.render();
      },
  
      render: function() {
          this.$el.html(mainchartTemplate);    
          this.line.setElement(this.$('#id-sales-line')).delegateEvents().render();
          this.pie.setElement(this.$('#id-sales-pie')).delegateEvents().render();
      }
  });
  
  module.exports = MainChartView;
  </code></pre>
  
  <p>I am trying to render to SubViews however my code doesn't run the second delegateEvents code.</p>