[jQuery] Remove help

[Dave Maharaj :: WidePixels.com]

I have append to add a loading div. But once loaded i want to fade it out
and remove it.
 
I have:
<script type= "text/javascript">/*<![CDATA[*/
$(document).ready(function(){
 $('#content').append('<div id="load"></div>');
 $('#load').fadeIn('normal');
 $('#content').load('/<?php echo $url ; ?>/profile/');
 $('#load').fadeOut('normal' , function() { $('#load').remove(); });
 
});
</script>
 
But it does not remove the #load div...so looking at firebug the load div
gets added everytime a user clicks a link
 
<div id="load" style="display: none;"/>
<div id="load"/>
<div id="load"/>
<div id="load"/>
<div id="load"/>
 
How can I remove the div once it done loading?
 
Dave