jQuery appendTo on page load
<p>Ok relevant HTML:</p>

<pre><code>&lt;div rel="" id="CartridgeDisplays" class="category section "&gt;
    &lt;h3 class="categoryTitle parent"&gt;Cartridge Displays&lt;/h3&gt;                
&lt;/div&gt;

&lt;div rel="" id="ColdCastBronzeresinFigurines" class="category section "&gt;
    &lt;h3 class="categoryTitle"&gt;Cold Cast Bronze resin Figurines&lt;/h3&gt;             
&lt;/div&gt;

&lt;div rel="CartridgeDisplays" id="Collectableitems" class="category section child"&gt;
    &lt;h3 class="categoryTitle"&gt;Collectable items&lt;/h3&gt;                
&lt;/div&gt;

&lt;div rel="CartridgeDisplays" id="CommercialDisplaysandClocks" class="category section child"&gt;
    &lt;h3 class="categoryTitle"&gt;Commercial Displays and Clocks&lt;/h3&gt;               
&lt;/div&gt;
</code></pre>

<p>And this jQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        $('.child').appendTo($('# + $(this).attr('rel') + '));
    }); 
&lt;/script&gt;
</code></pre>

<p>So what i want to happen is on page load, is all the DIV's with a class of 'child' to be appended to the DIV that has the same id as the class:child DIV's rel attribute. Can anyone help with this?</p>
