Attach and resizing div using jquery resizable handlers

I’m trying to attach the handlers to resize $('oWrapper_'+num). But it doesn’t resize. I’m not if this issue is because the handlers are attached to the wrong div?

What I need is to be able to attach the handlers to $('oWrapper_'+num)and be able to resize using the handlers.

    num++
    var cloudWrap = $('<div />', { id: 'cloudWrap_'+num}),
        outerWrap = $('<div />').appendTo(cloudWrap)

        outerWrap.append(
            $('<div />', { class: 'tf', id: 'oWrapper_'+num, style: 'white-space:pre-line; font-size: 2vw;' }),
            $('<div />', { class: 'ui-resizable-handle ui-resizable-ne hndl' }),
            $('<div />', { class: 'ui-resizable-handle ui-resizable-se hndl' }),
            $('<div />', { class: 'ui-resizable-handle ui-resizable-sw hndl' }),
            $('<div />', { class: 'ui-resizable-handle ui-resizable-nw hndl' })
        );

        jQuery('#oWrapper_'+num).resizable({
          handles: {
            'ne': '.ui-resizable-ne',
            'se': '.ui-resizable-se',
            'sw': '.ui-resizable-sw',
            'nw': '.ui-resizable-nw'
          },
          aspectRatio: 16 / 9,
        });


Download attach.and.resizing.div.using.jquery.resizable.handlers.zip
Direct Link


Download


Download attach.and.resizing.div.using.jquery.resizable.handlers.zip
Mediafire


Download


Download attach.and.resizing.div.using.jquery.resizable.handlers.zip
Letitbit


Download