title: Get ui element information on click event
body: <p>I have set ui elements referring to a class in my Marionette View, and I wonder if there is a way to get information on which element has precisely been clicked on. I usually use collections in that kind of cases, which allows to get the index of elements, but here it would be hard to set up. Here is an example with hard values. </p>
  
  <p>View:</p>
  
  <pre><code>var QuoteView = Marionette.View.extend({
    template: quoteViewTpl,
    modelEvents: {
      'change': 'render'
    },
    ui:{
      'select_package': '.package'
    },
    triggers:{
      'click @ui.select_package': 'select:package'
    },
    onSelectPackage: function(){
      //how to know which element was selected?
    }
  });
  </code></pre>
  
  <p>Template:</p>
  
  <pre><code> &lt;%for(prop in obj){%&gt;
           &lt;div class="col-xs-&lt;%=Math.round(8/(Object.keys(obj).length-1))%&gt;"&gt;
               &lt;div class="quotation-rate-value package"&gt;
                   &lt;%=obj.y%&gt; € / year
               &lt;/div&gt;
           &lt;/div&gt;
  
   &lt;%}%&gt;
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>var Quote = Backbone.Model.extend({
      defaults:{
          obj: {
              assist: {
                 y: 220,
                 m: 18.33,
                 d: 0.60
              },
              fire: {
                 y: 330,
                 m: 27.5,
                 d: 0.90
              },
              loan: {
                 y: 660,
                 m: 54.99,
                 d: 1.80
              },
              disability: {
                 y: 440,
                 m: 36.66,
                 d: 1.20
              },
          } 
      }
  });
  </code></pre>