title: Jquery ui resizable on new elements does not work
body: <p>I am trying to make my dialog element resizable with jquery UI (latest)
  I have included the Jquery theme css and the latest Jquery UI library in my document.</p>
  
  <p>But when i create my dialog HTML and insert in into my document the resizable function does not resize, the resize cursor is visible and also the resize handle is visible but when i drag nothing happens!</p>
  
  <p>When i insert the HTML code for my dialog mannualy in my document and apply the resizable() plugin for that dialog the resizable() function works!</p>
  
  <p>but when i insert the HTML code for my dialog with </p>
  
  <p><code>
  $('body').append($('&lt;div id="dialog"&gt;some text&lt;/div&gt;'));
  </code>
  and then do this: </p>
  
  <p><code>
  $('#dialog').resizable();
  </code></p>
  
  <p>the handle is visible but it wont resize.</p>
  
  <p>It seems resizable() plugin does not work for new elements in the DOM?</p>
  
  <p>I have wasted my whole day searching for the solution :(</p>
  
  <p>Does someone know what is happening!</p>
  
  <p>** EDIT **</p>
  
  <p>I found it!! the resizable() plugin fires an event "resize" on the resizable element, 
  and my plugin has a listener for that event, i thought it was only fired when my window is resized. </p>
  
  <p>now i need to alter my plugin and find out if the window is getting resized or if its an element. thanks anyway guys! </p>