title: Moving a div from inside one div to another div using Prototype?
body: <p>In prototype or normal-but-cross-browser-compatible Javascript, how do I move the contents of a div to the contents of another div?</p>
  
  <p>Inside the div is a form with ids and dependent Javascript code with event observers. I don't want this to break just because I have moved a block in the DOM. A 'this innerHTML = that innerHTML' solution is not what I am looking for. I will also be needing to do this when the DOM is loaded.</p>
  
  <p>I want to go from this:</p>
  
  <pre><code>&lt;div id='here'&gt;
      &lt;div id='MacGuffin'&gt;
      &lt;p&gt;Hello Worlds!&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id='there'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to this:</p>
  
  <pre><code>&lt;div id='here'&gt;
  &lt;/div&gt;
  &lt;div id='there'&gt;
      &lt;div id='MacGuffin'&gt;
      &lt;p&gt;Hello Worlds!&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...when the document loads with nothing jumping about.</p>