title: Attach jQuery's resizable handlers
body: <p>See this <a href="http://jsfiddle.net/arunpjohny/e865rerd/4/" rel="nofollow">jSFiddle</a>.</p>
  
  <p>I'm trying to attach the handlers to resize <code>$('oWrapper_'+num)</code>. But it doesn't resize. The reason is because <code>$('#oWrapper_'+num)</code>, is not yet added to the dom when this is executed, so the selector won't return any element.</p>
  
  <p>How do I resize <code>$('oWrapper_'+num)</code> instead of resizing <code>cloudWrap</code>?</p>
  
  <pre><code>num++
      var cloudWrap = $('&lt;div /&gt;', { id: 'cloudWrap_'+num}),
          outerWrap = $('&lt;div /&gt;').appendTo(cloudWrap)
  
          outerWrap.append(
              $('&lt;div /&gt;', { class: 'tf', id: 'oWrapper_'+num, style: 'white-space:pre-line; font-size: 2vw;' }),
              $('&lt;div /&gt;', { class: 'ui-resizable-handle ui-resizable-ne hndl' }),
              $('&lt;div /&gt;', { class: 'ui-resizable-handle ui-resizable-se hndl' }),
              $('&lt;div /&gt;', { class: 'ui-resizable-handle ui-resizable-sw hndl' }),
              $('&lt;div /&gt;', { 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,
          });
  </code></pre>