title: jQuery Chosen move div content to another div
body: <p>I use the <strong>jQuery Chosen</strong> plug-in and I am trying to move the complete <strong>Div Content</strong> to another div when an user on a <strong>checkbox</strong> near it.</p>
  
  <p>The problem is that, when I click on the checkbox, the divs are not rendered correctly, it looses the Chosen information and the result is just ugly.</p>
  
  <p>The HTML I have:</p>
  
  <pre><code>Div A:&lt;br /&gt;
  &lt;div id="divA"&gt;
  &lt;/div&gt;
  
  Div B:&lt;br /&gt;
  &lt;div id="divB"&gt;
      &lt;div&gt;
          &lt;input type="checkbox" id="chkChosen" value="1" /&gt;&amp;nbsp;
          &lt;select data-placeholder="Testing" id="selectChosen" class="chzn-select" multiple="multiple" style="width:350px;"&gt;
              &lt;option value="A"&gt;Option A&lt;/option&gt;
              &lt;option value="B"&gt;Option B&lt;/option&gt;
              &lt;option value="C"&gt;Option C&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Javascript code:</p>
  
  <pre><code>$("#selectChosen").chosen();
  
  $('#chkChosen').change(function () {
      if ($(this).prop('checked')) {
          $('#divB div').hide().appendTo('#divA').fadeIn('fast');
      } else {
          $('#divA div').hide().appendTo('#divB').fadeIn('fast');
      }
  });
  </code></pre>
  
  <p>I have created a jsFiddle with both a <strong>working example</strong> (normal select) and the <strong>problem</strong> (jQuery Chosen) : <a href="http://jsfiddle.net/Moonlight/fRHhh/1/" rel="nofollow">http://jsfiddle.net/Moonlight/fRHhh/1/</a></p>
  
  <p>What is wrong? I thought that "appendTo" copies everything.</p>
  
  <p><strong>EDIT</strong>: I have created a new example of what I am trying to achieve: <a href="http://jsfiddle.net/Moonlight/fRHhh/5/" rel="nofollow">http://jsfiddle.net/Moonlight/fRHhh/5/</a></p>