title: Jquery Drag and drop not working in chrome and ie9
body: <p>I am using the drag and drop feature of jquery . its works fine in firefox but fails in chrome and ie9 .</p>
  
  <p>Below are the version of jquery lib i am using :</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;meta name="language" content="en" /&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt; 
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script type="text/javascript" src="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/js/jquery-ui-1.8.2.custom.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here my drag and dro code :</p>
  
  <pre><code>$(function() {
      $(".item").draggable({
              revert: true
      });
      $("#mail-circle-wraper").droppable({
              tolerance: 'touch',
              over: function() {   
  
                     $(this).removeClass('out').addClass('over');
              },
              out: function() {           
                  $(".item").draggable({
                      revert: false
              });
                      $(this).removeClass('over').addClass('out');
              },
              drop: function() {
                      bootbox.confirm("Add this person to circle ?", function(confirmed) {
  
                          // do somthing
                      });
  
                      $(this).removeClass('over').addClass('out');
              }
      });
  });
  </code></pre>
  
  <p>Thanks in advance :)</p>