How to dynamically get tabular data and and append to a new DIV

<%--Code to  goto new page on scroll when all option is selected--%>
<script type="text/javascript">
var x = 1;
$(document).ready(function ()
{
   if ($('#ContentPlaceHolder1_ddlPageSize').find('option:selected').text().toString() == '15'.toString())
   {
      copycontent();
      $('#PivotGridDiv').bind('scroll', function ()
      {
         if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)
         {
            ScrollBottom();
         }
      });
      $('#CopyMyGrid').bind('scroll', function ()
      {
         if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)
         {
            ScrollBottom();
         }
      });
   }
});
//Required Functions for ScrollBottom and appending result to data
function ScrollBottom()
{
   copycontent();
   ClickNext();
}
function ClickNext()
{
   pivotGrid_PagerClick('ctl00_ContentPlaceHolder1_ASPxPivotGrid1', this, 'PBN'); // perform click programatically on the control and load new records
}
function copycontent()
{
   var source = document.getElementById
"ctl00_ContentPlaceHolder1_ASPxPivotGrid1_HZST").rows;
   $("#CopyMyGrid").append('<table>').append(source).append('</table>');
   var hasFocus = $('#CopyMyGrid').is(':focus');
   if (hasFocus && x==1)
   {
      $("#CopyTable").css('z-index', 999);
      x = 0;
   }
}
</script>
<%--Code Ends here--%>