title: Appending another view within a region - marionette
body: <p>I was using Backbone LayoutManager for managing my views within the app. I wanted to try marionette. I came across a issue where i couldn't append a view to a region.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;body&gt;
    &lt;div id="content"&gt;
         &lt;header id="header"&gt;&lt;/header&gt;
         &lt;div id="wrapper"&gt;
                 &lt;span&gt;Some View Content&lt;/span&gt;
         &lt;/div&gt;
         &lt;footer id="footer"&gt;&lt;/footer&gt;
    &lt;/div&gt;
  &lt;/body&gt;  
  </code></pre>
  
  <h2>App.js</h2>
  
  <pre><code>MyApp = new Backbone.Marionette.Application();
  var rm = new Marionette.RegionManager();
  
  var regions = rm.addRegions({
      mainRegion : '#content',
      headerRegion : '#header',
      wrapperRegion : '#wrapper',
      footerRegion : '#footer'
  });
  
  regions.headerRegion.show(new HeaderView());
  regions.wrapperRegion.show(new SomeView());
  regions.footerRegion.show(new FooterView());
  </code></pre>
  
  <p>If i want to append another view in wrapperRegion how can do this ?</p>
  
  <p>I also wanted to know is there a way to insert another view into my existing view? Layout Manager allowed me to do write below mentioned code.. How can i achieve something like this in marionette ?</p>
  
  <pre><code>var MyView = Backbone.View.extend({
  
    tagName: "div",
  
    beforeRender: function() {
       this.insertView(new ItemView());
    }
  });
  </code></pre>