Add Row in Grid view problem

See more:

C#3.5

add new row in grid view on button click is work properly but add new row and also whole row in one column

any one help me ?

$(document).ready(function() {
           $('#<%=BtnNewRow.ClientID %>').bind('click', function(event) {
               debugger;
               event.preventDefault();
               var rowCount;
               rowCount = $('#gvRetailOrder tr').length;


               $("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child"));

                   var row = $("[id*=gvRetailOrder] tr:last").after().clone(true);
                   $("td", row).eq(0).val($(this).find("").text());
                   $("td", row).eq(1).val($(this).find("").text());
                   $("td", row).eq(2).html($(this).find("").text());
                   $("td", row).eq(3).html($(this).find("").text());
                   $("td", row).eq(4).html($(this).find("").text());
                   $("td", row).eq(5).html($(this).find("").text());
                   $(".textqty", row).val($(this).find("").text());
                   $(".textRate", row).val($(this).find("").text());
                   $("td", row).eq(8).html($(this).find("").text());
                   $("td", row).eq(9).html($(this).find("").text());
                   $("td", row).eq(10).html($(this).find("").text());
                   $("td", row).eq(11).html($(this).find("").text());
                   $("td", row).eq(12).html($(this).find("").text());
                   $("td", row).eq(13).html($(this).find("").text());
                   $("td", row).eq(14).html($(this).find("").text());
                   $("td", row).eq(15).html($(this).find("").text());
                  $("[id*=gvRetailOrder]").append(row);

           });
       });