title: jQuery UI tabs without href and/or content, only with events?
body: <p>I wanted to do something like Wordpress editor.<br>
  I took jQuery UI tabs <em>(I don't want to use another tabs plugin, becauase I already use jUI for tabs on the site)</em> and created two tabs named like "WYSIWYG" and "HTML". There's a TEXTAREA under the tabs header.<br>
  Then I wanted to use <a href="http://nicedit.com/demos.php?demo=3" rel="nofollow">NicEdit</a> - as you can see in the demo, it can "wrap" and "unwrap" textarea with HTML editor. Everything seemed fine, but the problem is:</p>
  
  <ul>
  <li>when I use "" or "#" in tabs' HREF, the first tab is active, the second is not - so is not clickable, so I cannot attach SELECT event to it</li>
  <li>when I use non-existing id (<code>&lt;a href="#notexist"&gt;...</code>), it of course throws exception</li>
  <li>when I use non-existing, "dummy" selector (really - <code>&lt;a href="dummy"&gt;...</code>) then under the tabs header (between tabs and textarea) appears quite big space, like tabs created new div and "closed" it as their content.</li>
  </ul>
  
  <p><em>All I want is to use jQuery UI tabs just to <strong>create two tabs without content, which can be (de)selected and fire events when selecting</strong>, so I could use NicEdit. What am I missing?</em></p>