How do I checkall my nested grid check-box also in a single jquery (R) javascript function

See more:

C#

ASP.NET4

in my gridview two gridviews are nested instaead of one grid,in that all check box is placed for header and rows.My question was i checked main header check-box only all the reamin two gridviews header and datarows check box all checked.

What I have tried:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $("[id*=chkHeader]").live("click", function () {
            var chkHeader = $(this);
            var grid = $(this).closest("table");
            $("input[type=checkbox]", grid).each(function () {
                if (chkHeader.is(":checked")) {
                    $(this).attr("checked", "checked");
                    $("td", $(this).closest("tr")).addClass("selected");
                } else {
                    $(this).removeAttr("checked");
                    $("td", $(this).closest("tr")).removeClass("selected");
                }
            });
        });
        $("[id*=chkTournament]").live("click", function () {
            var grid = $(this).closest("table");
            var chkHeader = $("[id*=chkHeader]", grid);
            if (!$(this).is(":checked")) {
                $("td", $(this).closest("tr")).removeClass("selected");
                chkHeader.removeAttr("checked");
            } else {
                $("td", $(this).closest("tr")).addClass("selected");
                if ($("[id*=chkTournament]", grid).length == $("[id*=chkTournament]:checked", grid).length) {
                    chkHeader.attr("checked", "checked");
                }
            }
        });
    </script>