tab's label text not activating tab
hi guys, pretty new to jquery and jquery ui, just trying out a lot of
different things. Ive managed to get some tabs displaying nice, but in
both Opera9.63 and FF3, when you mouse over the label text in the tab
headers, the cursor changes to the text selector, and clicking won't
change the tab - instead, you have to click around it. clicking on the
text doesnt do anything
so functionally it's slightly different to the tabs as seen on the
demo page, where the entire tab heading is clickable. am I doing
something wrong, or missing something? here's the code
in my html:
<div id="tabSection">
<!--This defines the tab listing-->
<ul>
<li><a href="#tabOne"></a>First Tab</li>
<li><a href="#tabTwo"></a>Second Tab</li>
<li><a href="#tabThree"></a>Third Tab</li>
</ul>
<!--The tabs themselves-->
<div id="tabOne">
This is the first tab.
</div>
<div id="tabTwo">
This is the second tab.
</div>
<div id="tabThree">
This is the third tab.
</div>
</div>
then in my javascript:
$("#tabSection").tabs();
So everything looks right, apart from that one detail. Anyone come
across this before?