I have had excellent success with jQuery UI Tabs in the past, however I have come across a situation which causes a problem in IE8 (and IE8 in IE7 mode), Safari, and Opera.

I am doing the following:

- executing an .ajax() session to obtain required data

- from this data, I inject DOM elements using .append() 

- in the .ajax complete() event, I make the call to $(mySelector).tabs() to generate the tabs

Thus far, the code works in the following browsers:

- Chrome 5 (the most recent beta)

- Firefox (3.6)

The code does NOT work in the following browsers:

- Internet Explorer (8, and 8 running in 7-mode)

- Safari (4.0.5)

- Opera (10)

The problem is that the "tabs" simply appear as static non-interactive content when the page is generated.

If I include some markup statically in the page, the tab appears as expected.

My primary concern is getting this to work with IE; my target audience is primarily IE users, Safari and Opera users in this case probably trail behind Firefox ones.

Is there something I need to do with regard to getting the tabs to work on DOM elements generated by injected JavaScript code?

Best regards,