Making the SE handle for the UI resizable module lock in the aspect ratio

Making the SE handle for the UI resizable module lock in the aspect ratio

The standard resize module with jQuery-UI has a SE grip area for dragging east and south simultaneously, but it allows you to also just drag east or just drag south. So if your user doesn't pay attention to keep dragging at a 45 degree angle, they can easily drag east or south accidentally and destroy the aspect ratio of their object. I'd like to make the SE handle always lock in the aspectRatio  so this doesn't happen.

I put together a jsfiddle at http://jsfiddle.net/f9Vwp/2/ that I thought should do it, but it doesn't work. The idea to to catch a mouse hover over the SE corner and  then reconfigure the resizable option with aspectRatio : true.  Does anyone see why this doesn't work?

Thanks