Resizable: Destroy function removing ui-resizable-handle from inner containers

When you have an outter div that is resizable that contains an inner div that is also resizable and attept to call $('#outter').resizable('destroy'), the ui-resizable-handle is removed from the inner div as well.

The root of the problem is in the destroy function in jquery.ui.resizable.js on line 198 (as of JQuery UI v1.8.20).

Notice that it is calling:

.find('.ui-resizable-handle').remove();

This should be changed instead to:

.children('.ui-resizable-handle').remove();

This is posted in reference to the stack overflow question here:

http://stackoverflow.com/questions/10707661/remove-specific-resize-handler-jquery