simple tab with jquery

with: *manual selection *capture select event

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/smoothness/jquery-ui.css">
<div id="tabs">
   <ul>
      <li><a href="#tabs-1">one</a></li>
      <li><a href="#tabs-2">two</a></li>
      <li><a href="#tabs-3">three</a></li>
   </ul>
   <div id="tabs-1">
      <p>Tab 1 content</p>
   </div>
   <div id="tabs-2">
      <p>Tab 2 content</p>
   </div>
   <div id="tabs-3">
      <p>Tab 3 content</p>
   </div>
</div>

JavaScript

$( "#tabs" ).tabs({
   
});
$("#tabs").tabs("select",2);
$( "#tabs" ).bind( "tabsselect", function(event, ui) {
//  alert("hi"); return false;
});