title: How do I get the model for the selected <option> in a Marionette.js CollectionView?
body: <p>I have a Marionette CollectionView that renders an ItemView into a <code>&lt;select&gt;</code> menu, with each ItemView rendering as an <code>&lt;option&gt;</code>. My question is, when I call the 'change' event on the CollectionView (meaning the user has selected an option), how do I get the model of the selected <code>&lt;option&gt;</code> from the ItemView?</p>
  
  <pre><code>var singleView = Marionette.ItemView.extend({
          template: '#optionTemplate',
          tagName: 'option'
      });
  
  var listView = Marionette.CollectionView.extend({
          itemView: singleView,
          tagName: 'select',
          id: 'my-selector',
          events: {
              'change': 'optionSelected'
          },
          optionSelected: function() {
            // I need to get the model from within this function
  
          }
      });
  </code></pre>