title: Add jquery ui function draggable/resizeable after appending/adding it on the page
body: <p>I have problem on my webpage, 
  I am adding an element in the document when the user clicks on a specific button.</p>
  
  <p>the element is </p>
  
  <pre><code>&lt;div class="draggableResizable"&gt;
    Some text
  &lt;/div&gt;
  </code></pre>
  
  <p>script.js</p>
  
  <pre><code>$('#button').click(function() {
    $("#pageWrap").append(element)
  })
  
  $('.draggableResizable').draggable().resizable()
  </code></pre>
  
  <p>Any suggestions are welcome.</p>
  
  <p>Thank you.</p>