title: Mobiscroll, identify element triggering it
body: <p><strong>Scenario:</strong></p>
  
  <p>I've got a form which needs multiple time and select pickers, In order to reduce duplications I came up with the plan of having only 2 hidden inputs one for time and the other for the select picker, then I have multiple links/buttons with the class of for e.g. "triggerTime"</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input class="hidden" id="timeSelect" /&gt;
  
  &lt;button class="triggerTime" id="btn1"&gt;Select time 1&lt;/button&gt;
  &lt;button class="triggerTime" id="btn2"&gt;Select time 2&lt;/button&gt;
  &lt;button class="triggerTime" id="btn3"&gt;Select time 3&lt;/button&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>//triggering time picker
  $('.triggerTime').click(function(e){
      e.stopPropagation();
      e.preventDefault();
      $('#timeSelect').mobiscroll('show');
      //$('#timeSelect').mobiscroll('trigger', name, $.makeArray(e));
  });
  
  //activating time picker
  $('#timeSelect').mobiscroll().time({
      theme: 'ios7',
      display: 'bottom',
      mode: 'scroller',
      headerText: false,
      onSelect: function(valueText,inst) {
          console.log('onSelect',valueText,inst,this);
      },
      onShow: function(html, valueText, inst) {
          console.log('onShow',html,valueText,inst);
      },
      onBeforeShow: function (html, inst) {
      console.log('onBeforeShow',html,inst,this);
      }
  });
  </code></pre>
  
  <p><strong>Question:</strong></p>
  
  <p>Is there a way to pass on the information of the element triggering the mobiscroll during "onSelect"? I need to know which button triggered the mobiscroll</p>
  
  <p>Component versions:</p>
  
  <ul>
  <li>Mobiscroll 2.8.2</li>
  <li>Jquery 2.0.3</li>
  </ul>