title: Events are not triggered when view is declared at model's default
body: <p><strong>Background</strong></p>
  
  <p>I am working in a agenda web app where the user can select the "day", "week" and "month" view. For first steps, I have created a <code>Scheduler</code> that will contain a <code>DayView</code> object, simple as I can. So, I have started with this html markup (ignored head section just for clarify the code source):</p>
  
  <pre><code>&lt;body id="mjb-calendar"&gt;
      &lt;div data-role="page" id="mjb-day-view"&gt;
          &lt;div role="main" class="ui-content"&gt;
              &lt;a class="test" href="#"&gt;Test&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have create the <code>day model</code> model and <code>day view</code> as follow: </p>
  
  <pre><code>var Day = Backbone.Model.extend({
      defaults: {
          title: "Day"
      }
  });
  
  var DayView = Backbone.View.extend({
      el: '#mjb-day-view',
      events: {
          "click .test": 'test'
      },
  
      initialize: function() {
          _.bindAll(this, 'render');
          this.model = new Day();
          this.model.on('change', this.render);
      },
      test: function(){
          alert('test');
      },
  
      render: function() {
          console.log('day view rendered');
          return this;
      }
  });
  </code></pre>
  
  <p>Ok, please notice that there is an event that is triggered when the element <code>.test</code> is clicked. So, proceed to run a test:</p>
  
  <pre><code>$(document).ready(function(){
      var day = new DayView();
  });
  </code></pre>
  
  <p>Once the the <code>.test</code> link is clicked, the alert is prompted correctly. </p>
  
  <p>Well, in order to make the scheduler more flexible, I created it as follow:</p>
  
  <pre><code>var Scheduler = Backbone.Model.extend({
      defaults: {
          "view": new DayView()
      }
  });
  
  var SchedulerView = Backbone.View.extend({
      el: '#mjb-calendar',
      events: {},
  
      initialize: function(options) {
  
          _.bindAll(this, 'render');
          this.model = new Scheduler();
          this.render();
      },
  
      render: function() {
          this.model.get('view').render();
      }
  });
  </code></pre>
  
  <p>Notice that I have declared the <code>DayView</code> as an attribute of Scheduler model (<code>"view": new DayView()</code>).</p>
  
  <p><strong>The problem</strong> </p>
  
  <p>When I initialize a Scheduler view as...</p>
  
  <pre><code>$(document).ready(function(){
      var scheduler = new SchedulerView();
  });
  </code></pre>
  
  <p>... why does not <code>click .test</code> event is not longer triggered? </p>
  
  <p><strong>assets</strong></p>
  
  <ul>
  <li>underscore 1.7.0</li>
  <li>backbone 1.1.2</li>
  <li>jquery 2.1.3</li>
  </ul>