I have the following html code:

    <input type=checkbox id=ckbCheckAll />

    <p id=checkBoxes>

        <input type=checkbox class=checkBoxClass id=Checkbox1 />

        <br />

        <input type=checkbox class=checkBoxClass id=Checkbox2 />

        <br />

        <input type=checkbox class=checkBoxClass id=Checkbox3 />

        <br />

        <input type=checkbox class=checkBoxClass id=Checkbox4 />

        <br />

        <input type=checkbox class=checkBoxClass id=Checkbox5 />

        <br />

    </p>

When user checks ckbCheckAll all checkboxes must be checked. Also I have following jquery code:

    $(document).ready(function () {

        $(#ckbCheckAll).click(function () {

            $(.checkBoxClass).attr('checked', this.checked);

        });

    });

When I see my page in the browser I get the following result:
In the first click on ckbCheckAll all checkboxes were checked (which is correct). In the second click on ckbCheckAll all checkboxes were unchecked (which is correct). But in 3rd attempt nothing happened! also in 4th attempt nothing happened and so on.

Where is the problem?