Maintain checkbox state after postback

I have a parent gridview. In that, I have multiple nested gridviews. In each nested gridview I have column in which a header checkbox and child checkboxes are present. If I check one nested gridview's header checkbox and again checked another nested gridview's header checkbox then first gridview's checkboxes does not maintain its checked status. They become unchecked including header checkbox.

I am using the following code

<pre>$(document).ready(function () {

        $("#<%=grdParent.ClientID %>").each(function () {
            alert("Hi");
            $(this).find(".grdchild > tbody > tr").each(function () {
                $(this).find('input:checkbox[id*="chkHeader"]').click(function () {
                    var isChecked = $(this).prop("checked");
                    $(this).closest("tr").find("[id*=chkChild]:checkbox").prop('checked', isChecked);
                    //$("[id*=chkChild]:checkbox").prop('checked', isChecked);
                });
                //Do Stuff
            });
        });
    });