title: Marionette trigger method and listenTo
body: <p>I have two ItemViews.</p>
  
  <p>The first view should trigger an event, and the second view should listen for the trigger.  How should I go about it?  </p>
  
  <p>Here's what I have so far: </p>
  
  <pre><code>  Branch.RecipeView = Marionette.ItemView.extend({
      triggers: {
        'change': 'recipe:selected'
      }
    });
  </code></pre>
  
  <p>And then the second View is as follows: </p>
  
  <pre><code>  Branch.MetaDataView = Marionette.ItemView.extend({
      template: _.template(
        '&lt;div id="branchImgSrc"&gt;' +
         '&lt;/div&gt;' 
      ),
    initialize: function () {
      this.on('recipe:selected', function () {
         console.log('selected');
      });
    }
  });
  </code></pre>
  
  <p>I instantiate both views and add them to the layout, but the event in ItemView one never triggers the recipe:selected in ItemView number 2. </p>
  
  <p>Am I thinking about this the wrong way?  </p>