title: Move div element from one parent div to another
body: <p>So let's assume that I have a set of nested divs:  </p>
  
  <pre><code>&lt;div id="likelyToBeCalled"&gt;
      &lt;div id="likelyOddHeader" class="row"&gt;
          &lt;div id="likelyOddA" class="left" name="test1"&gt;Test1&lt;/div&gt;
          &lt;div id="LikelyOddB" class="middle"&gt;&lt;img src="image002.png"/&gt;&lt;/div&gt;
          &lt;div id="timeZone" class="right"&gt;West&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and further down the page:</p>
  
  <pre><code>&lt;div id="unlikelyToBeCalled"&gt;
      &lt;div id="likelyOddHeader" class="row"&gt;
          &lt;div id="likelyOddA" class="left"&gt;Test2&lt;/div&gt;
          &lt;div id="LikelyOddB" class="middle"&gt;&lt;img src="image002.png"/&gt;&lt;/div&gt;
          &lt;div id="timeZone" class="right"&gt;West&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>How would I move Test1 to "unlikelyToBeCalled".  I've been trying this with a form / submit button just for kicks, here's the code for that:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function doSubmit() {
          document.getElementById('unlikelyToBeCalled').appendChild(
              document.getElementsByTagName('Test1')
          );
      }
  &lt;/script&gt;
  &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;form method="POST" action="file:///C:/wamp/www/index.html" id="submitform" name="submitform"&gt;
      &lt;input type="submit" name="Submit" value="Move divs" onClick="doSubmit()"  /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Or something to that effect.  Any help would rock</p>