title: Backbone: Events not fire on next render
body: <p>I have code like this. I click on button and it works only few time. Chrome says no events listener on button. But View creates button and View has click event . Can you help me?</p>
  
  <pre><code>//buttons view
  var NavigateBar = Backbone.View.extend({    
      events : {
          'click button#back' : 'onBack',
          'click button#next' : 'onNext',
          'hover' : function() {console.log('hover on navigate')}
      },
      initialize: function(options) {
  //buttons html
          this.backDiv = '&lt;button id="back" class="btn btn-primary btn-large pull-left"&gt;Back&lt;/button&gt;';
          this.nextDiv = '&lt;button id="next" class="btn btn-primary btn-large pull-right"&gt;Next&lt;/button&gt;';
  //save options
          this.back = this.options.back;
          this.next = this.options.next;
      },
  //buttons event
      onBack : function(e) {
          e.preventDefault();
          app.navigate(this.back, {trigger: true});
      },
      onNext : function(e) {
          e.preventDefault();
          app.navigate(this.next, {trigger: true});
      },
  //render
      render: function() {
          this.$el.html("");
          this.$el.append(this.backDiv);
          this.$el.append(this.nextDiv);
          return this;
      }
      });
  
  //create router class
      var AppRouter = Backbone.Router.extend({
      routes: {
          "" : 'home',
          ":id" : 'test'
      },
  //create different views
     initialize:function () {        
          this.homeView = new NavigateBar({
  //pass options to view
              back: "1",
              next: "2"
          });
          this.testView = new NavigateBar({
              back: "3",
              next: ""
          });
      },
  //route actions
      home : function() {
          $('#view-goes-here').html(this.homeView.render().el);
      },
      test : function(e) {
          $('#view-goes-here').html(this.testView.render().el);
      }
  });
  
  //create app
  $(function(){  
      app = new AppRouter();
      Backbone.history.start();
  });
  ​
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/3Jaru/3/" rel="nofollow">http://jsfiddle.net/3Jaru/3/</a>, click twice on next button and you see</p>