I am using jQuery UI's resizable for nested divs, like so:

<div id="resizable1">
   
<div id="resizable2">
   
</div>
</div>

I'm running into a problem where disabling resizable 1 also disables resizable 2. So, if I call the following...

$("#resizable1").resizable("disable");

...then I can no longer resize resizable2 either.

Has anyone else encountered this, and know of a way around this behaviour?

Thanks!