How to bind image in datalist using jquery

<script type="text/javascript">
        $(function () {
            $("[id*=dlCustomers]").hide();
            $.ajax({
                type: "POST",
                url: "index.aspx/GetCustomers",
                data: '{}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function (response) {
                    alert(response.d);
                },
                error: function (response) {
                    alert(response.d);
                }
            });
        });

        function OnSuccess(response) {
            var xmlDoc = $.parseXML(response.d);
            var xml = $(xmlDoc);
            var customers = xml.find("Table");
            var repeatColumns = parseInt("<%=dlCustomers.RepeatColumns == 0 ? 1 : dlCustomers.RepeatColumns %>");
            var rowCount = Math.ceil(customers.length / repeatColumns);
            var i = 0;
            while (i < repeatColumns * rowCount) {
                var row = $("[id*=dlCustomers] tr").eq(0).clone(true);
                for (var j = 0; j < repeatColumns; j++) {
                    var customer = $(customers[i]);
                    if (customer.length == 0) {
                        $("table:last", row).remove();
                    } else {
                        $(".proid", row).eq(j).html(customer.find("Proid").text());
                        $(".product", row).eq(j).html(customer.find("Product").text());
                        $(".details", row).eq(j).html(customer.find("Details").text());
                        $(".imgpath", row).eq(j).html(customer.find("imgpath").text());
                    }
                    i++;
                }
                $("[id*=dlCustomers]").append(row);
            }
            $("[id*=dlCustomers] tr").eq(0).remove();
            $("[id*=dlCustomers]").show();
        }
    </script>

<asp:DataList ID="dlCustomers" runat="server" RepeatLayout="Table" RepeatColumns="3"
    CellPadding="0" CellSpacing="0">
    <ItemTemplate>
<table class="box">
                                <tr>
                                    <td>
<img src=<%# Eval("imgpath")%>"  width="150" alt="" />
                                    <h3><u><span class="companyname"><%# Eval("CompanyName")%></span></u></h3>
                                    <p><b><u><span class="product"><%# Eval("Product")%></span></u></b></p>
</td>
                                </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

[WebMethod]
    public static string GetCustomers()
    {
        string query = "SELECT * FROM tbl_Product where Featured='True'";
        SqlCommand cmd = new SqlCommand(query);
        return GetData(cmd).GetXml();
    }

    private static DataSet GetData(SqlCommand cmd)
    {
        string strConnString = ConfigurationManager.ConnectionStrings["DynamicConnection"].ConnectionString;
        using (SqlConnection con = new SqlConnection(strConnString))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter())
            {
                cmd.Connection = con;
                sda.SelectCommand = cmd;
                using (DataSet ds = new DataSet())
                {
                    sda.Fill(ds);
                    return ds;
                }
            }
        }
    }