[UI Tabs] define content div?

[UI Tabs] define content div?

Hi,
i have a question regarding Jquery UI Tabs:
i want to change the way in which the tabs load the content:
now you have to place the content div inside the tabs div, like this:
  1. div id="tabs">
  2. <ul>
  3. <li>tab1</li>
  4. <li>tab2</li>
  5. </ul>

  7. <div id="content">
  8. your content
  9. </div>
  10. </div>
is this possible somehow to change it into 2 separated divs, so i can place them where i want?
example:
  1. <div id="container">

  3. <div id="tabs">
  4. <ul>
  5. <li>tab1</li>
  6. <li>tab2</li>
  7. </ul>
  8. </div>

  10. <div id="content">
  11. your content
  12. </div>

  14. </div>
This is just a simple example, the thing is that i have more divs to style my site...
Hope you guys can help me..
Thanks in advance
Grtz