javascript - How to refresh div with jquery, without duplicating -
i'm using code refresh div every 10 seconds: <script type="text/javascript"> setinterval(function(){ $('#feed').load('forum.php #feed').fadein("slow"); }, 10000); </script> works great, except first load (after 10 seconds) makes duplicate of div, it's 1 sitting atop other. after that, div refreshes every 10 seconds, without making more duplicates. any ideas what's wrong code? div is: <div id="feed">... stuff ... </div> thanks! from jquery docs : when method executes, retrieves content of ajax/test.html, jquery parses returned document find element id of container. this element, along contents, inserted element id of result , , rest of retrieved document discarded. so inserting same element page multiple times. try changing selector $('#feed').load('forum.php #feed>*').fadein("slow");