How to avoid memory leak when refreshing data via JQuery?

Question

Hello guys, I've tried all methods found in this topic but couldn't find a definitive solution that would stop this problem.

In the following code I've set up a timer to resend a form via jQuery at every 10 secs updating a table ("tradeTable")inside a specific div ("trades"). However, memory consumption increases in about 3k at every update.

I'm using jQuery 1.4.2. Does anybody have any idea why this is happening?

Thanks in advance!

var queryData;

$(document).ready(function() {
   queryData = $('#searchForm').serialize();
   window.setInterval('refreshPage()', 10000);
});

function refreshPage() {
    $('#trades').load('${pageContext.request.contextPath}/admin/status #tradeTable',
      queryData
     );
}

...

  <div id="trades" class="tradeTable">
     <table id="tradeTable" class="tradeTable" width="100%">
        <thead>
           <tr class="headerRow">
              <th class="head">Product Type</th>
              <th class="head">Event Type</th>
              <th class="head">MX Contract Id</th>
           </tr>
        </thead>
        <tbody>
           <c:forEach var="boLogDto" items="${page.pageElements}">
              <tr class="tradeRow">
              <td class="productType"><c:out value="${boLogDto.productType}" /></td>
              <td class="eventType"><c:out value="${boLogDto.eventType}" /></td>
              <td class="contractId"><c:out value="${boLogDto.contractId}" /></td>
             </tr>
           </c:forEach>
        </tbody>
     </table>
  </div>