title: jquery sortable: change the css of current drag item
body: <p>I using jquery-ui sortable, and I am having trouble change the way of how dragged-item look when it being dragged. What I want is text value of the component inside the red bg container when I drag. Please help</p>
  
  <p>here is what I got so far <a href="http://jsfiddle.net/Fyd48/5/" rel="nofollow">http://jsfiddle.net/Fyd48/5/</a>. This is about 90% working. If you drag <code>super dooper</code> it have bg color red like I want it, but it still have the gray box around, that make it look weird. , I dont know where that gray box come from, but please help remove it.</p>
  
  <pre><code>$( "#container" ).sortable({
  start: function(event, ui){        
     var text = $.trim(ui.item.text());
     ui.item.startHtml = ui.item.html();
  
     ui.item.html('&lt;div style="display: inline-block;" class="rf-ind-drag default drag"&gt;' + text + '&lt;/div&gt;');
  },
  stop: function(event, ui){ 
     ui.item.html(ui.item.startHtml);
  }
  });
  $( "#container" ).disableSelection();
  </code></pre>