title: Passing variables with jquery ui tabs with select option
body: <p>I'm using tabs for an application that contains form elements on each of them. When the user navigates to a different tab, and the fields were modified, a hidden variable "IsDirty" is being set.</p>
  
  <p>When I implement the beforeActivate event on tabs ... I do a check if any value has changed and set a hidden variable as "IsDirty", I do this in the beforeActivate as you have access to the Old and New tab, eg:</p>
  
  <pre><code>    beforeActivate: function (event, ui) {
          ...
          $panel_Old.find("input#hdIsDirty").val('0');
          $tabs.tabs('select', $tab_New.index());
          $panel_Old.find("input#hdIsDirty").val('1');
          ...
       },
  </code></pre>
  
  <p>I then implement the select event too eg:</p>
  
  <pre><code>     select: function (event, ui) {
           // other code here
       }
  </code></pre>
  
  <p>My question is ... in the beforeActivate event ... when I call</p>
  
  <pre><code>    $tabs.tabs('select', $tab_New.index());
  </code></pre>
  
  <p>can I pass some parameters eg ... previous tab ... that the select event would have as custom arguments?</p>