title: Jquery dynamically created draggable divs
body: <p>In my project im creating dynamically divs with jquery everytime you click a button. Now i want these new divs to have draggable and resizable properties. Here is what ive done so far:</p>
  
  <pre><code>$("#button1").click(function(){
       $("&lt;div/&gt;", {
         "id": "test",
          text: "",
        }).appendTo("body");
       $( "#test" ).resizable();
       $( "#test" ).draggable();
    });
  </code></pre>
  
  <p>This code works somehow, the problem is that only the first div that was created is resizable and draggable. 
  Also is it possible to put another button in order to delete these new created divs?</p>