title: Backbone event doesn't fire with Handlebars template
body: <p>I have this code:</p>
  
  <p><strong>PageView.js</strong></p>
  
  <pre><code>var PageView = Backbone.View.extend({
      events: {
           'click .unpublish': 'unpublish'
      },
  
      tagName: 'tr',
      className: 'pageedit',
  
      template: Handlebars.compile( PageViewTemplate ),
  
      render: function() {
          this.$el.html( this.template( this.model ) );
          return this;
      },
  
      unpublish: function() {
          alert('hi');
      }
  });
  </code></pre>
  
  <p><strong>PagesView.js</strong></p>
  
  <pre><code>PagesView = Backbone.View.extend({
  
       tagName: 'tbody',
  
       initialize: function() {
           this.collection.on('reset', this.render, this);
           this.render();
       },
  
       template: Handlebars.compile(PagesTemplate),
  
       render: function() {
           var countPages = this.collection.at(0).get('count');
  
           _.each(this.collection.at(0).get('pages'), function(model) {
                pageView = new PageView({ model: model });
                this.$el.append( pageView.render().el );
           }, this);
  
           $('.main').html( this.template({ pages: this.$el.html() }) );
  
           this.delegateEvents(this.events);
  
           return this;
       },
  });
  </code></pre>
  
  <p><strong>Page.hbs</strong></p>
  
  <pre><code>&lt;td class="pageId"&gt;
      {{ id }}
  &lt;/td&gt;
  &lt;td class="pagename"&gt;
      &lt;a href="/pages/{{ alias }}"&gt;{{ pagename }}&lt;/a&gt;
  &lt;/td&gt;
  &lt;td class="catname"&gt;{{ catname }}&lt;/td&gt;
  &lt;td class="author"&gt;{{ author }}&lt;/td&gt;
  &lt;td&gt;{{ date }}&lt;/td&gt;
  &lt;td&gt;
      {{#if status}}
          &lt;a href="#" class="unpublish"&gt;
              &lt;img src='../{{ siteURL }}assets/img/admin/published.png'&gt;
          &lt;/a&gt;
      {{else}}
          &lt;a href="#" class="publish"&gt;
              &lt;img src='../{{ siteURL }}assets/img/admin/not-published.png'&gt;
          &lt;/a&gt;
      {{/if}}
  &lt;/td&gt;
  &lt;td&gt;
      &lt;a href="#" class="intrash"&gt;
          &lt;img src='../{{ siteURL }}assets/img/admin/delete.png'&gt;
      &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p><strong>Pages.hbs</strong></p>
  
  <pre><code>&lt;table class="table table-bordered table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;ID&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Catalog&lt;/th&gt;
              &lt;th&gt;Author&lt;/th&gt;
              &lt;th&gt;Date&lt;/th&gt;
              &lt;th&gt;Status&lt;/th&gt;
              &lt;th&gt;Intrash&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          {{{pages}}}
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Create all instances in router.js:</p>
  
  <pre><code>var pages = new Pages();
  pages.fetch().done(function() {
      new PagesView({ collection: pages});
  });
  </code></pre>
  
  <p>Event in PageView don't fired if I click .unpublish link.
  All Views renders good, but events not working :(
  Can help me? </p>