title: appendTo div from div and back
body: <p>I am trying to just simply move a div to a another div and back.  It moves from left div to right div, but will not move from right div to left div.  Just appends to the same (right) div.  I've tried it with and without 'div' in the selector, and every other option I could find.  Sorry if this has been answered.</p>
  
  <pre><code>&lt;div id="main" class="main"&gt;
  &lt;div id="left" class="box"&gt;
  
  &lt;div id="user1" class=".usersAll"&gt;User1&lt;/div&gt;
  
  &lt;div id="user2" class=".usersAll"&gt;User2&lt;/div&gt;
  
  &lt;/div&gt;
  &lt;div id="right" class="box"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $('div#left div.usersAll').on('click', function () { 
          // move from "left" to "right"
          $(this).appendTo("#right");
      });
  
       $('div#right div.usersAll').on('click', function () { 
         //  move from "right" to "left"
          $(this).appendTo("#left");
      }); 
  });
  &lt;/script&gt;
  </code></pre>