title: child view not handling event in emberjs
body: <p>I have a template as part of a page that looks like so:</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="listbeer"&gt;
  
      &lt;table&gt;
      {{#each content}}
          {{#view "DHApp.BeerrowView"}}
          &lt;tr&gt;
              &lt;td&gt;&lt;button&gt;{{name}}&lt;/button&gt;&lt;/td&gt;
              &lt;td&gt;{{brewery}}&lt;/td&gt;
          &lt;/tr&gt;   
          {{/view}}
  
      {{/each}}
      &lt;/table&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I also have two views, one encapsulating the table and one that encapsulates rows. When I click on the button only the parent (whole table) view click handler gets called(the one below that says parent picked up click). I can't make the child view handler be called. Any ideas why as I've tried various things and cant get anywhere?</p>
  
  <p>The views code looks like so:</p>
  
  <pre><code>DHApp.BeerrowView = Ember.View.extend({
          click: function(evt) {
              alert("ClickableView was clicked!");
          }
      });
  
  DHApp.ListbeerView = Ember.View.extend({
          templateName: 'listbeer',
          click: function(evt) {
              alert("parent picked up view");
          }
      });
  </code></pre>
  
  <p>Thanks</p>