jQuery - evento de seleção da guia trapping

Eu sou um noob jQuery e estou tentando descobrir como interceptar o evento selecionado na guia. Usando o jQuery 1.2.3 e as guias correspondentes da UI do jQuery (não é minha escolha e não tenho controle sobre ele). É uma guia aninhada com o nome da divisão de primeiro nível - guias. Foi assim que inicializei as guias

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

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

Não consigo descobrir como interceptar nenhum dos eventos ou propriedades (guia selecionada, quando clicada na guia, etc.). Gostaria de receber qualquer ajuda sobre isso ...

Eu tentei coisas como:

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

              (OR)

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

sem sucesso.

Abaixo está a marcação

<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>