Mudando o alvo da jQuery UI Tab

Pessoal,

não sei nem se o nome correto é esse para o tópico, mas o que eu desejo é que esta marcação HTML abaixo possa funcionar com o widget TABS do jQuery UI. O que diferencia da marcação HTML da documentação é que eu coloquei as DIVs das abas dentro de uma DIV que eu chamei de "conteudo", fazendo assim não funciona, existe uma maneira de contornar?

Javascript:

$(document).ready(function() {
 $("#tabs").tabs();
});

HTML:

<div id="tabs">
 <ul>
 <li><a href="#tab1">tab1</a></li>
 <li><a href="#tab2">tab2</a></li>
 <li><a href="#tab3">tab3</a></li>
 </ul>
</div>

<div id="conteudo">
 <div id="tab1">
 <p>Conteúdo TAB 1</p>
 </div>
 <div id="tab2">
 <p>Conteúdo TAB 2</p>
 </div>
 <div id="tab2">
 <p>Conteúdo TAB 3</p>
 </div>
</div>

Agradeço por enquanto.