In refreshing data into div using jQuery it gives duplicate value
<p>In my current project I am using jQuery calender plugin, you can see its demo         </p>

<p><a href="http://www.web-delicious.com/jquery-plugins-demo/wdCalendar/sample.php" rel="nofollow">http://www.web-delicious.com/jquery-plugins-demo/wdCalendar/sample.php</a>.</p>

<p>Now, the problem is that whenever I am trying to refresh data by clicking on refresh button it give me duplicate values. Here I am giving you screenshot of my project before refreshing and after refreshing so, it can be useful for you.</p>

<p><a href="http://i.stack.imgur.com/ej1ds.png" rel="nofollow">Before refreshing</a></p>

<p><a href="http://i.stack.imgur.com/9gbBI.png" rel="nofollow">After refreshing</a></p>

<p>In second image you can see the each data appear duplicate. Each time I click on refresh button it appear duplicate data, but on reload the entire page it gives me as first image.</p>

<p>I am using following code for refreshing. On refresh buttons click event </p>

<pre><code>$("#showreflashbtn").click(function (e) {
    $("#gridcontainer").reload();
});
</code></pre>

<p>And the data come from the Database, I think the problem is that new data are come but the data which are already in browser and not clearing so it becomes overlaps.</p>
