title: Collection View is not rendering Item View
body: <p>I am looking into Marionette and just starting out with it.  I am not sure why my ItemView is not rendering into a &lt;ul>.  I would like to display an &lt;li> for each model between the &lt;ul> tags.</p>
  
  <p>Here is a fiddle I created:  <a href="http://jsfiddle.net/36xu0jd4/" rel="nofollow">http://jsfiddle.net/36xu0jd4/</a></p>
  
  <p>Here is my JavaScript using and Marionette:</p>
  
  <pre><code>var data = [ 
      { "firstName": "Bill", "lastName": "Smith" }, 
      { "firstName": "Mary", "lastName": "Johnson" }, 
      { "firstName": "Sally", "lastName": "Jones" }, 
  ];
  
  var MyApp = new Backbone.Marionette.Application();
  
  MyApp.addRegions({
      mainRegion: '#js-page'
  });
  
  var AppLayoutView = Backbone.Marionette.LayoutView.extend({
      template: '#layout-template',
  
      regions: {
          listContainer: '.js-list-container',
          details: '.js-details'
      }
  });
  
  var appLayoutView = new AppLayoutView()
  MyApp.mainRegion.show(appLayoutView);
  
  var AppCollectionView = Backbone.Marionette.CollectionView.extend({
      childView: AppItemView,
  
      collection: data
  });
  
  var AppItemView = Backbone.Marionette.ItemView.extend({
      template: '#item-vew'
  });
  
  var appCollectionView = new AppCollectionView();
  
  appLayoutView.listContainer.show(appCollectionView);
  
  MyApp.start();
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div id="js-page"&gt;&lt;/div&gt;
  
  &lt;script type="text/template" id="layout-template"&gt;
      &lt;div class="js-list-container"&gt;
          List goes here
      &lt;/div&gt;
      &lt;div class="js-details"&gt;
          Details goes here
      &lt;/div&gt;
  &lt;/script&gt;
  
  &lt;script type="text/template" id="item-view"&gt;
      Item View!!!
  &lt;/script&gt;
  </code></pre>