title: jquery drag and drop with database
body: <p>I'm working on drag and drop and store id number in database, i just finished that and is works great in all browser but the problem is that is NOT WORKING IN IE 8 or 9. </p>
  
  <p>The problem is that in IE is not allow me to drag or move around that the problem that i can't figure out how to solve this, and rest of browser are works fine.</p>
  
  <p>here is jquery code </p>
  
  
  
  
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){  
     function slideout(){
    setTimeout(function(){
    $("#response").slideUp("slow", function () {
        });
  
  }, 2000);}
  
      $("#response").hide();
   $(function() {
   $("#list ul").sortable({ opacity: 0.8, cursor: 'move', update: function() {
  
   var order = $(this).sortable("serialize") + '&amp;update=update'; 
   $.post("updateList.php", order, function(theResponse){
   $("#response").html(theResponse);
   $("#response").slideDown('slow');
   slideout();
   });   
   }   
   });
   });
  
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>and the body code is</p>
  
  <p></p>
  
  <pre><code>    &lt;div id="response"&gt; &lt;/div&gt;
      &lt;ul&gt;
        &lt;?php
                  include("connect.php");
   $query  = "SELECT id, text FROM dragdrop ORDER BY listorder ASC";
   $result = mysql_query($query);
   while($row = mysql_fetch_array($result, MYSQL_ASSOC))
   {
  
   $id = stripslashes($row['id']);
   $text = stripslashes($row['text']);
  
   ?&gt;
        &lt;li id="arrayorder_&lt;?php echo $id ?&gt;"&gt;&lt;?php echo $id?&gt; &lt;?php echo $text; ?&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
        &lt;/li&gt;
        &lt;?php } ?&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>can any one help me how to solve to make works drag and drop for IE, if is there is other sample that might support all browser!</p>
  
  <p>AM</p>