Javascript replace has no effect
<p>This is the jQuery:</p>

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

<p>With this relevant HTML:</p>

<pre><code>&lt;div rel="MadDogs&amp;EnglishmenHandpaintedfigurines" id="Figurines" class="category section child"&gt;
     &lt;h3 class="categoryTitle"&gt;Figurines&lt;/h3&gt;               
&lt;/div&gt;
</code></pre>

<p>But for some reason, the replace has no effect whatsoever!</p>
