title: How wrap two ItemView into same div with Marionette?
body: <p>I have a CompositeView with its template, and ItemView with its template. all right! </p>
  
  <p>But now I want to wrap two itemView into a same div, i.e.</p>
  
  <p>The first ItemView, and the second ItemView into a 
  The third ItemView, and fourth itemView into other ... etc</p>
  
  <p>I know that I can use the ItemIndex in template of ItemView.. but I don't know use this value in template of Composite View</p>
  
  <p>I have: </p>
  
  <pre><code>Pagination.ItemView = Marionette.ItemView.extend({
      template: PaginationItemView,
  });
  
  Pagination.ItemsListView = Backbone.Marionette.CompositeView.extend({
  
          itemViewContainer: 'span',
          itemView: Pagination.ItemView,
  
           itemViewOptions: function(model, index) {
            return {
              itemIndex: index
            }
          }
      });
  </code></pre>
  
  <p>My template of ItemView is:</p>
  
  <pre><code>    &lt;script&gt;
      &lt;div style="margin-bottom:25px;height: 47%;" class="col-lg-6 col-xs-12 clearfix"&gt;
          &lt;div class="col-xs-3"&gt;
              &lt;!-- photo &gt;
          &lt;/div&gt;
          &lt;div class="col-xs-9 box-basic"&gt;
              &lt;!-- info about item&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I want something as :</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;tagName of itemView&gt;
           first ItemView
        &lt;end tagName of ItemView&gt;
  
        &lt;tagName of itemView&gt;
              seconde ItemView
        &lt;end tagName of ItemView&gt;
   &lt;/div&gt;
  
   &lt;div class="row"&gt;
        &lt;tagName of itemView&gt;
              third ItemView
        &lt;end tagName of ItemView&gt;
  
        &lt;tagName of itemView&gt;
              fourth ItemView
        &lt;end tagName of ItemView&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Any idea ? thanks in advance! </p>
  
  <h1>EDIT:</h1>
  
  <p>I have a solution, But really it not is correct.</p>
  
  <p>In the template of compositeTemplate.html</p>
  
  <pre><code>&lt;script&gt;
  &lt;span&gt;
      &lt;div class="row" id="cont1"&gt;
      &lt;/div&gt;
      &lt;div class="row" id="cont2"&gt;
      &lt;/div&gt;
      &lt;div class="row" id="cont3"&gt;
      &lt;/div&gt;
  &lt;/span&gt;
   &lt;/script&gt;
  </code></pre>
  
  <p>And in the CompositeView.js</p>
  
  <pre><code> appendHtml: function(collectionView, itemView, index){
              var childrenContainer = collectionView.itemViewContainer ? collectionView.$(collectionView.itemViewContainer) : collectionView.$el;
              var children = childrenContainer.children();
  
              $("#cont"+(index%3+1)).append(itemView.el);
          },
  </code></pre>
  
  <p>Somebody know do it of correct way?</p>