Problem with tabs. Load content into own div

Problem with tabs. Load content into own div


Hi.
Just starting to use the Tabs function, and think it's great. One
problem though, my links and content got to be in the same div. Like
this :
    $(function() {
        $("#navi").tabs({ fxFade: true, fxSpeed: 'fast' });
    });
<div id="navi">
<ul>
<li><a href="#nyheter">Nyheter</a></li>
<li><a href="#arbeid">Arbeid</a></li>
</ul>
<div id="nyheter">

Nyheter her


</div>
<div id="arbeid">

Arbeid her


</div>
</div>
How can I change this so I can load the content in a second div
instead of being in the same one as the links? Here is an example:
<div id="navi">
<ul>
<li><a href="#nyheter">Nyheter</a></li>
<li><a href="#arbeid">Arbeid</a></li>
</ul>
</div>
<div id="content">
<div id="nyheter">

Nyheter her


</div>
<div id="arbeid">

Arbeid her


</div>
</div>
Thnx for the help :)