title: jquery UI draggable doesn't work with AJAX
body: <p>I have a simple D&amp;D script as you can see here:</p>
  
  <p><a href="http://demo.superdit.com/jquery/dragdrop_cart/" rel="noreferrer">http://demo.superdit.com/jquery/dragdrop_cart/</a></p>
  
  <p>Now its working Great until Im trying to add the products with AJAX (After the page loaded)</p>
  
  <p>Here is the AJAX call (Regular AJAX)</p>
  
  <pre><code>$.ajax({
                url: "Search.php",
                dataType: 'json',
                type: 'GET',
                data: "ebayq="+value,
                success: function(data){
                  globalRequest = 0;
                  resultContainer2.fadeOut('fast', function() {
                      resultContainer2.html('');
  
                var html2 = [];
  
  
      for (var i = 0; i &lt; items.length; ++i)  
    {
  
  html2 += '&lt;label class="title"&gt;&lt;a href="'+viewitem+'" target="_blank"&gt;'+title+'&lt;/a&gt;&lt;/label&gt;';html2 += '&lt;img src="'+pic+'"&gt;';
          html2 += ' &lt;label class="price"&gt;New Price: '+myprice+'&lt;/label&gt;';
          html2 += '&lt;/div&gt;';
          resultContainer2.append(html2);
  
    }
  </code></pre>
  
  <p>i guess because this elements are loaded after the page load and it doesn't recognize them as a draggable items..</p>
  
  <p>is there Any way to make this AJAX items draggable??</p>
  
  <p>Thank you very much!</p>