[jQuery] jquery tabs cannot put <div> inside the tab

[jQuery] jquery tabs cannot put <div> inside the tab


Hi,
I have followed the tutorial here http://apricotstudios.wordpress.com/2008/08/29/jquery-tabs-tutorial/
everything is working except one thing when i put another div inside
the tab it doesn't display the div at all? is this a limitation of
jquery or have i done something fundamentally wrong?
<div id="tab-1">
     <div id="calculated">
    <%= render :partial => 'calculator', :id=> @user.id, :object =>
{@item,@lineprice}%>
    </div>
</div>
However if i do this
<div id="tab-1">
    <%= render :partial => 'calculator', :id=> @user.id, :object =>
{@item,@lineprice}%>
</div>
<%= render :partial => 'calculator', :id=> @user.id, :object =>
{@item,@lineprice}%> works properly