Is .button() efficient?

Is .button() efficient?

My top level page has a tabs-widget (implemented using .tabs()); and each of the panel in the tab-set is a separate page (html or php).

I want to keep the same appearance in the top level page, as well as content inside the tab panels. So in those separate pages, I am not doing any styling or anything, just creating content in there.

Now let's say I want to theme all the buttons. So in .ready() function, I do a $("button").button(); which will apply UI theme to all buttons. I also want to theme all buttons in the tab-panel pages, so I add a load function there, which does the same thing $("button").button().

Is this the right way to do it? Calling the .button() function at top page level, and then for each tab load. Needlessly re-applying theme to all buttons that have already been themed?

And what if I wanted to theme not just buttons, but all elements, input boxes, tables what not. Lots of redundant code, right?

How do I most efficiently apply a jQuery UI theme to a top level page and all other AJAX content it pulls in tabs (or other widgets like accordion, dialogboxes etc.)