How can I use load() to refresh a div without duplicating the element?
<p>I use this code to refresh a div with the <code>id="my"</code>:</p>

<pre><code>&lt;script type="text/javascript"&gt;
function recp() {
  setInterval(function() 
{
    $("#my").load(location.href+ ' #my');
});
}
&lt;/script&gt;


&lt;div id="my"&gt;&lt;?php echo date('a:i:s'); ?&gt;&lt;/div&gt;
</code></pre>

<p>It works, but it generates this code:</p>

<pre><code>&lt;div id="my"&gt;&lt;div id="my"&gt;pm:25:40&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>How can refresh the div without generating a double div?</p>

<p>In other words how can refresh only this div:</p>

<pre><code>&lt;div id="my"&gt;&lt;?php echo date('a:i:s'); ?&gt;&lt;/div&gt; 
</code></pre>
