Trouble with Nested Resizables

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

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 Fork
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;">
        #resizable2
    </div>
</div>

JavaScript

$("#resizable2").resizable({
    containment: '#resizable1'
});
$("#resizable1").resizable();