Trouble with Nested Resizables

http://forum.jquery.com/topic/trouble-with-nested-resizables

by rdworth

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/ui-lightness/jquery-ui.css">
<div class="ui-widget ui-widget-content" id="resizable1" style="width:200px;height:200px;">
    #resizable1
   <div class="ui-widget ui-widget-content" id="resizable2" style="width:100px;height:100px;">
       #resizable1
   </div>
</div>

JavaScript

$("#resizable1").resizable();
$("#resizable2").resizable();
$("#resizable1").resizable("disable")
    .removeClass("ui-state-disabled ui-resizable-disabled")
    .children(".ui-resizable-handle").hide();