jquery - Jqueryモーダルダイアログは1回だけドラッグ可能

Question

ボタンクリックで開くjqueryモーダルフォームがあります。ドラッグ可能(true)のデフォルトのままにしましたが、何らかの理由で、ドロップした後に再度ドラッグしません。一度は動かせるが離すと動かなくなる。

<script type='text/javascript'>
 $("div#newSenderDialog").dialog({
        autoOpen: false,
        height: 400,
        width: 600,
        title: "New Template Sender",
        modal: true,
        position: {top: 50, left: 20},
        buttons: {
                Cancel: function (){$(this).dialog('close');}
            }
    });
$("button#new").click(function(){
    $("div#newSenderDialog").dialog('open');
});
</script>
<div id='newSenderDialog'>
<form id='newSender'>
    <ul>
        <li>
            <label>Email Address</label>
            <span class='formElement'><input type='text' name='senderEmail' /></span>
        </li>
        <li>
            <label>Campus</label>
            <span class='formElement'><?php echo $view->GetUniversity()->GetCampusSelect('senderCampus', '', GetSessionVar('campusid', '1', 'managedTemplates'))?></span>
        </li>
    </ul>
  </form>
</div>

ページに 2 つのダイアログがあり、両方にこの問題があります。任意の提案をいただければ幸いです。