CheckAll CheckBox Jquery alterd html

CheckAll CheckBox Jquery alterd html

HTML

<div style="width: 450px; height: 450px; overflow: auto; border: 1px solid gray;">
        <a href="#PagesTree_SkipLink">
            <img alt="Skip Navigation Links." src="/Dev/WebResource.axd?d=288ERdr5cDU7CJzweXEB9g2&amp;t=634644679327559974"
                width="0" height="0" style="border-width: 0px;" /></a><div id="PagesTree">
                    <table cellpadding="0" cellspacing="0" style="border-width: 0;">
                        <tr>
                            <td>
                                <a id="PagesTreen0" href="javascript:TreeView_ToggleNode(PagesTree_Data,0,PagesTreen0,'-',PagesTreen0Nodes)">
                                    <img src="/Dev/WebResource.axd?d=RMeZnHL59kmIvmaqLlypBuyoSu2V87i6hprPFsEskAfIIV-HoBEUs-aaPgim1jDc0&amp;t=634644679327559974"
                                        alt="Collapse Mobile Monitor Screens" style="border-width: 0;" /></a>
                            </td>
                            <td style="white-space: nowrap;">
                                gggggggg
                                <input type="checkbox" name="PagesTreen0CheckBox" id="PagesTreen0CheckBox" checked="checked" /><a
                                    class="PagesTree_0" href="javascript:__doPostBack('PagesTree','s0')" onclick="TreeView_SelectNode(PagesTree_Data, this,'PagesTreet0');"
                                    id="PagesTreet0">Mobile Monitor Screens</a>
                            </td>
                        </tr>
                    </table>
                    <div id="PagesTreen0Nodes" style="display: block;">
                        <table cellpadding="0" cellspacing="0" style="border-width: 0;">
                            <tr>
                                <td>
                                    <div style="width: 20px; height: 1px">
                                    </div>
                                </td>
                                <td>
                                    <a id="PagesTreen1"...

JavaScript

$(document).ready(function () {
            $.extend($.expr[':'], {
                unchecked: function (obj) {
                    return ((obj.type == 'checkbox' || obj.type == 'radio') && !$(obj).is(':checked'));
                }
            });

            jQuery.fn.reverse = [].reverse;

            $('#PagesTree').find('input:checkbox').live('change', function () {
                $('#' + $(this).attr('name').replace(/CheckBox/g, '') + 'Nodes').find('input:checkbox').prop('checked', $(this).prop("checked"));

                $('#PagesTree').find('input:checkbox').reverse().each(function () {
                    var obj = $('#' + $(this).attr('name').replace(/CheckBox/g, '') + 'Nodes');
                    if (obj.find('input:checkbox').length > 0)
                        $(this).prop('checked', obj.find('input:unchecked').length === 0 ? true : false);
                });
            });
        });