Problem with UI tabs init
I have the following markup:
<div class='ui-tabs'>
<ul class='ui-tabs-nav'>
<li class=''><a href="/assets" rel="contents"
title="Assets">Assets</a></li>
<li class='ui-tabs-selected'><a href="/texts" rel="contents"
title="Texts">Texts</a></li>
<li class=''><a href="/partials" rel="contents"
title="Partials">Partials</a></li>
<li class=''><a href="/contents" rel="contents"
title="Ui's">Ui's</a></li>
</ul>
<div id='Texts'>
... content....
</div>
</div>
when i run $('.ui-tabs').tabs(), the right one is selected, so thats
all right.
but it doesnt use the already rendered div with the id Texts, but
reloads it through ajax.
Am i missing something or is it a bug. I want to stay unobtrusive, so
that's why the correct div is already given by html.