title: jquery, how to add 2 different variables for the same call?
body: <p>i have 2 different tabs setup on the page: tabs1 and tabs2
  i have this set up:</p>
  
  <pre><code>$( '#tabs1' ).tabs({
   select: function(event, ui) { 
  var theSelectedTab = ui.index;
  
  if (theSelectedTab  == 0) {
  ..do something
  }
  });
  </code></pre>
  
  <p>what i want to do is to add another var for the same ui.index"</p>
  
  <pre><code>$( '#tabs2' ).tabs({
   select: function(event, ui) { 
  var theSelectedTab1 = ui.index;
  
  if (theSelectedTab1  == 0) {
  ..do something
  }
  });
  </code></pre>
  
  <p>but it looks like <code>var theSelectedTab = ui.index;</code> is conflicting with <code>var theSelectedTab1 = ui.index;</code></p>
  
  <p>how can i separate them?</p>
  
  <p>thanks</p>