title: jQuery Appended boxes not draggable
body: <p>I have a jQuery UI code that allows an existing box to be draggable. When I append an additional box, however, those boxes are not draggable. Here's a JSFiddle: <a href="http://jsfiddle.net/MJKhq/4/" rel="nofollow">http://jsfiddle.net/MJKhq/4/</a>
  (the click me button adds another box to the document, but that box is not draggable like the first).
  Here's also a code sample because it required me to:</p>
  
  <pre><code>$(function()
  {
      $( "#draggable" ).draggable();
  });
  
  function makenew()
  {
      $("body").append('&lt;div id="draggable" class="ui-widget-content"&gt; &lt;p&gt;Drag me around&lt;/p&gt;&lt;/div&gt;');
  }
  </code></pre>