title: Having a problem with jQuery UI drag and drop in IE
body: <p>I was hoping someone can point out what my problem could be. I am trying to get a drag and drop effect in place for a small project which trying to mimic a shopping cart. So this is what I am working with:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is what I got on my index.html page which is going out to the database and retrieving the art elements which also has some price information attached to the elements.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  /* &lt;![CDATA[ */
  $.ajax({
      type : "GET",
      url  : "getRow.php",
      dataType: 'html',
      success: function (data) {
          $("#products").html(data);
          $.event.trigger('init-draggable-products');
      },
      error: function (xhr) {
          $('#errorDisplay').html('Error: '+ xhr.status + '' + xhr.statusText);
      }
  });
  /* ]]&gt; */
  </code></pre>
  
  <p></p>
  
  <p>The problem that I am having is in IE the images which should be objects you can drag and drop are sometimes working and sometimes not. Is there something that IE does not like?</p>
  
  <p>Here is my <code>$.event.trigger('init-draggable-products');</code> code:</p>
  
  <pre><code>function initializeDraggableProductImage() {
  $(".products img").draggable({
  
      containment: 'document',
      opacity: 0.6,
      revert: 'invalid',
      helper: 'clone',
      zIndex: 100
  });
  
  $("#cabinet").droppable({
  
          drop:
                  function(e, ui)
                  {
                      $(this).removeClass('cabinetDrop');
                      $(this).addClass('ui-state-highlight');
                      $("#cabinetReset").show(); 
                      var param = $(ui.draggable).attr('src');
  
                      if($.browser.msie &amp;&amp; $.browser.version=='6.0')
                      {
                          param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
                          param = param[1];
                      }
  
                      addlist(param);
                  }
  
  });
  };
  
  $(document).bind('init-draggable-products', initializeDraggableProductImage);
  </code></pre>
  
  <p>I had upgraded to:</p>
  
  <p><a href="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" rel="nofollow noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js</a>
  <a href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" rel="nofollow noreferrer">https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js</a></p>
  
  <p>When I did the products or images were not coming through.</p>