Tab's active and highlight classes not removed on first click of another tab (only when the initialised selected tab is not the first one)

If you initialize a set of ajax tabs with the "selected" option as anything other than the first tab (for the illustration i'll say i have 4 tabs with indeces 0,1,2,3.

I have set up this code:

$("#tabsWrapper").tabs({

selected: 1

});

Now, the first click onto another tab (e.g. tab 3) doesn't cause "ui-state-active" and "ui-state-highlight" to be removed from the initially selected tab (1). The second click of a tab (e.g. tab 4) fixes everything, as then ui-state-highlight and ui-state-active are removed from BOTH the initially selected tab (1) and the currently visible active tab (3).

Just to be clear, the actual tab panel content is handled correctly (e.g. the page loads with tab 1's content showing and when you click Tab 3, tab 1 content disappears and tab 3 is loaded in. it's just the classes on the tab itself that are not removed on the first click of another tab, when the tabs were initialised with anything other than 0 as selected.