How to bind asp.net grid view using jquery

$(document).ready(function() {

        $.ajax({
            url: '../_AJAX/ajaxCall-InterestSubsidy.aspx',
            data: { 'MODE': 'BindGrid' },
            type: 'POST',
            dataType: 'json',
            success: function(result) {
                var reslk = result;

                $.each(result.Table1, function(index, res) {
                    $(".GridView1").append("<table><tr><td>" + res.StateId +
                    "</td><td>" + res.StateName +
                    "</td></tr></table>");

                });
            },
            error: function(e) {
            }
        });
    });
My grid view:

<asp:GridView ID="GridView1" runat="server" CssClass="GridView1">

</asp:GridView>