its still showing ImageName on page instead of image
<span class="image">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# String.Format("PROFILEPHOTOS/{0}",Eval("FImageName").ToString()) %>' class="media-object img-rounded animated fadeInDown"
style="width: 45px; height: 45px;"/>
</span>
my jquery
<script type="text/javascript">
// Button 2 click
$('[id*=Button2]').on('click', function () {
var id = $(this).closest('tr').find($('[id*=lblShareid]')).text();
$.ajax({
type: "POST",
url: "TEST.aspx/GetOtherDetails",
data: '{id:"' + id + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
var table = $("#modal1body").find('table').eq(0).clone(true);
var customers = response.d;
$("#modal1body").find('table').eq(0).remove();
$(customers).each(function () {
$(".name", table).html(this.Name);
$(".image", table).html(this.Image);
$("#modal1body").append(table);
table = $("#modal1body").find('table').eq(0).clone(true);
});
$('#myModal').modal('hide');
$('#myModal1').modal('show');
},
failure: function (response) {
alert(response.d);
},
error: function (response) {
alert(response.d);
}
});
return false;
});
});
</script>