Soy un novato de jQuery y estoy tratando de descubrir cómo atrapar el evento seleccionado en la pestaña. Uso de jQuery 1.2.3 y las pestañas de jQuery UI correspondientes (no es mi elección y no tengo control sobre él). Es una pestaña anidada con el nombre div del primer nivel: pestañas. Así es como inicialicé las pestañas

$(function() {
       $('#tabs ul').tabs();
});

$(document).ready(function(){
    $('#tabs ul').tabs('select', 0); 
}); 

No puedo descubrir cómo atrapar ninguno de los eventos o propiedades (pestaña seleccionada, cuando se hace clic en la pestaña, etc.). Agradecería cualquier ayuda en esto ...

Intenté cosas como:

$('#tabs ul').bind('tabsselect', function(event, ui) {
    selectedTab = ui.index;
    alert('selectedTab : ' + selectedTab);
});

              (OR)

$('#tabs').bind('tabsselect', function(event, ui) {

Sin éxito.

Debajo está el marcado

<div id="tabs">
<UL>
    <LI><A href="#fragment-1"><SPAN>Tab1</SPAN></A></LI>
    <LI><A href="#fragment-2"><SPAN>Tab2</SPAN></A></LI>
    <LI><A href="#fragment-3"><SPAN>Tab3</SPAN></A></LI>
    <LI><A href="#fragment-4"><SPAN>Tab4</SPAN></A></LI>
</UL>

<DIV id=fragment-1>
<UL>
    <LI><A href="#fragment-1a"><SPAN>Sub-Tab1</SPAN></A></LI>
    <LI><A href="#fragment-1b"><SPAN>Sub-Tab2</SPAN></A></LI>
    <LI><A href="#fragment-1c"><SPAN>Sub-Tab3</SPAN></A></LI>
</UL>
</DIV>
.
.
.

</DIV>