How to use jQuery UI tabs without grouping the tabbed content in the same div?

How to use jQuery UI tabs without grouping the tabbed content in the same div?


In the jQuery UI examples the concept of using $.tabs(); is as follows
(psuedo):
<tabs>
<ul>
<li>(href=#some_id)
<li>(href=#second_id)
</ul>
<div#some_id>content
<div#second_id>content 2
</tabs>
What I want to do is this:
<ul#tabs>
<li>(href=#some_id)
<li>(href=#second_id)
</ul>
<div#some_id>content
<div#second_id>content 2
So basically how do I specify the ul and the divs separately?