title: Backbone.Marionette CompositeView optionlist
body: <p>I'd like to create a CompositeView that contains a dropdown-list from a collection:</p>
  
  <p>my views:</p>
  
  <pre><code>var ItemView = Backbone.Marionette.ItemView.extend({
      template: '#item-tpl'
  });
  
  var CompositeView = Backbone.Marionette.CompositeView.extend({
      template: '#comp-tpl',
      itemView: ItemView,
      itemViewContainer: '#mySelect'         
  });
  </code></pre>
  
  <p>my templates:</p>
  
  <pre><code>&lt;script id = "item-tpl" type="text/template"&gt;
      &lt;option value="&lt;%= id %&gt;"&gt;&lt;%= name %&gt;&lt;/option&gt;
  &lt;/script&gt;
  
  &lt;script id = "comp-tpl" type="text/template"&gt;
     ...
            &lt;form&gt;
            &lt;div class="control-group"&gt;
                  &lt;select id='mySelect'&gt;&lt;/select&gt;
            &lt;/div&gt;
           &lt;/form&gt;
  
     ...
  &lt;/script&gt;
  </code></pre>
  
  <p>the rendered HTML displays the default div's, which break the options list</p>
  
  <pre><code>&lt;select id="mySelect"&gt;
      &lt;div&gt;
          &lt;option value="5"&gt;name 1&lt;/option&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;option value="6"&gt;name 2&lt;/option&gt;
      &lt;/div&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>how can I achieve this:</p>
  
  <pre><code>&lt;select id="mySelect"&gt;
      &lt;option value="5"&gt;name 1&lt;/option&gt;
      &lt;option value="6"&gt;name 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>