title: Sending an action from a child component and catching it in a parent component
body: <p>Ember: 1.13.2</p>
  
  <p>I can't seem to get this working.</p>
  
  <p><strong>Parent/child widget (gridster-container/gridster-widget)</strong></p>
  
  <pre><code>{{#gridster-container}}
      {{#each model as |widget|}}
          {{#gridster-widget sizeX=widget.sizeX sizeY=widget.sizeY action="addWidget"}}
  
             ...
  
          {{/gridster-widget}}
      {{/each}}
  {{/gridster-container}}
  </code></pre>
  
  <p><strong>gridster-widget</strong></p>
  
  <pre><code>export default Ember.Component.extend({
    tagName : 'li',
    sizeX : 1,
    sizeY : 1,
  
    widget : null,
  
    didInsertElement : function() {
      var sizeX = this.get('sizeX');
      var sizeY = this.get('sizeY');
          //this.get('parentView').addWidget(this, sizeX, sizeY);
      //this.send('addWidget', this, sizeX, sizeY);
      //this.sendAction('action', this, sizeX, sizeY);
      //this.attrs.action(this, sizeX, sizeY);
      //this.get('gridsterContainer').send('addWidget', this, sizeX, sizeY);
      //this.action(this, sizeX, sizeY);
      this.sendAction('action', this, sizeX, sizeY); //I can see this executing in the debugger.
      }
  
  });
  </code></pre>
  
  <p><strong>In the gridster-container component I have the following action to capture the action.</strong></p>
  
  <pre><code>  actions : {
      addWidget : function(widget, sizeX, sizeY) {
        alert('worked'); //This is never called
      }
    },
  </code></pre>
  
  <p>However the action is never called.</p>