how to get the loaded data from database in format specified in the datalist on scroll

this is my jquery code...am gtting the data but in a single column...but i specified in th data list that repeatcolumns="3"

function OnSuccess(response) {
            var xmlDoc = $.parseXML(response.d);
            var xml = $(xmlDoc);
            pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
            var customers = xml.find("Customers");
            customers.each(function () {
                var customer = $(this);
                var table = $("#rptCustomers table").eq(0).clone(true);
                $(".name", table).html('<b><span style="color : green">'+customer.find("Name").text() + '</span></b>');
                $(".productId", table).html(customer.find("ProductId").text());
                $(".description", table).html(customer.find("Description").text());
                $(".imageurl", table).attr("ImageUrl", customer.find("ImageUrl").text());
                $(".price", table).html(customer.find("Price").text());
                $(".quantity", table).html(customer.find("Quantity").text());
                $("#rptCustomers").append(table);
            });
            $("#loader").hide();
        }

 this my datalist code, and 1 more how to get the image,the image is not displaying....

 <div id="dvCustomers" style=" overflow: auto; height: 700px; background-color: Aqua; border: 5px solid Red">
        <asp:DataList ID="rptCustomers" runat="server" RepeatColumns="5">
            <ItemTemplate>
                <table cellpadding="20" cellspacing="0" border="1" style="width: 200px; height: 100px;
                    border: dashed 2px #04AFEF; background-color: #B0E2F5">
                    <tr>
                        <td>
                            <b><u><span class="name">
                                <%# Eval("Name") %></span></u></b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>ProductId : </b><span class="productId">
                                <%# Eval("ProductId") %></span><br />
                            <b>Description : </b><span class="description">
                                <%# Eval("Description") %></span><br />
                            <b>ImageUrl : </b><span class="imageurl">
                                <asp:ImageButton ID="imgproductimage" CssClass="imageurl" runat="server" ImageUrl='<%#Eval("ImageUrl", "~/Images/{0}")%>'
                                    Width="150px" Height="220px" /></span><br />
                            <b>Price : </b><span class="price">
                                <%# Eval("Price")%></span><br />
                            <b>Quantity : </b><span class="quantity">
                                <%# Eval("Quantity")%></span><br />
                        </td>
                    </tr>
                </table>              
            </ItemTemplate>
        </asp:DataList>
    </div>
    <img id="loader" alt="" src="loading.gif" style="display: none; height: 100px" />

thanks in advance.............