Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">

<div class="sortcontainer">
  <div class="ui-widget contentPreview">
      <div class="ui-widget-header ui-corner-top ui-helper-clearfix">
        <span class="left">Header</span>
        <div id="amove" class="right move button">Move</div>
        <div id="atest" class="right test button">test</div>
      </div>
      <div class="ui-widget-content ui-corner-bottom ui-helper-clearfix">  
        content
      </div>
  </div>
  
  <div class="ui-widget contentPreview">
      <div class="ui-widget-header ui-corner-top ui-helper-clearfix">
        <span class="left">Header</span>
        <div id="bmove" class="right move button">Move</div>
        <div id="mtest" class="right test button">test</div>
      </div>
      <div class="ui-widget-content ui-corner-bottom ui-helper-clearfix">  
        content
      </div>
  </div>

CSS

.left { float: left; }
    .right { float: right; }
    .ui-widget { margin-bottom: 20px; }
    
    /** to fix the problem uncomment the following line **/
    /**
      .ui-button { position: static; }
    **/

JavaScript

$(function() {
  $(".button").button();
  
  $(".sortcontainer").sortable({
    handle: ".move"
  });
});