title: jQuery UI sortable and tinyMCE
body: <p>I'm using tinyMCE WYSIWYG's on a slideshow editing page and I want to use jQuery UI to make them sortable as well. The markup looks like this:</p>
  
  <pre><code>&lt;div class="slide-content"&gt;
      ...
      &lt;textarea id="Slide_0_content"&gt;&lt;/textarea&gt;
      &lt;textarea id="Slide_1_content"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the code that kicks off jQuery sortable:</p>
  
  <pre><code>$('#slide-list').sortable({
      start: function(event, ui){
          $('.slide-content textarea').each(function(){
              var id = $(this).attr('id');
              tinyMCE.execCommand('mceRemoveControl', false, id);
          });
      },
      stop: function(event, ui){
          $('.slide-content textarea').each(function(){
              var id = $(this).attr('id');
              tinyMCE.execCommand('mceAddControl', false, id);
          });
      }
  });
  </code></pre>
  
  <p>When I drop a slide, the content area for that slide goes blank and I can't even click inside it to type more. How can I fix this?</p>