title: Please explain this jQuery
body: <p>Perhaps my last question (now deleted) was misunderstood so I'm reposting it with more clarity this time:</p>
  
  <p>jQuery(UI):</p>
  
  <pre><code>$("#tabs").tabs({
     select: function(event, ui) { 
          alert(ui.panel.id);
          $('input[name=myinput], textarea[name=myinput]').attr('disabled', true); 
          $('input[name=myinput].' + ui.panel.id + ', textarea[name=myinput].' + ui.panel.id).removeAttr('disabled'); 
          $('input[name=source]').val(ui.panel.id);
     }
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id='tabs'&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#direct"&gt;Direct input&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#files"&gt;File upload&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#uri"&gt;URI&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="direct"&gt;
          &lt;textarea name='myinput' class='direct'&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div id="file"&gt;
         &lt;input type='file' name='myinput' class='file' /&gt;
      &lt;/div&gt;
      &lt;div id="uri"&gt;
         &lt;input type='text' name='myinput' class='uri' /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;input type='hidden' name='source' value='direct' /&gt;
  &lt;input type='submit' value='GO' /&gt;
  </code></pre>
  
  <p>I don't quite understand what the jQuery is doing with the input. I want to use regular jQuery and avoid the "jQueryUI" tabs so its important that I understand what happening with the input to I can reproduce the same effect when I use regular jQuery. 
  Hope I'm making sense. </p>
  
  <p>Thanks for your help!</p>