Move div element from one parent div to another
<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>
