jQuery Forum

Hopefully someone here might know what I'm doing wrong.

I have a list of checkboxes, in multiple rows with each along the lines of:

    <tr>
        <td style="text-align: center;">
            <input id="frmEmployee" name="frmEmployee" value="'[PayrollRef,Employees]'" type="checkbox" checked="checked" />
        </td>
        <td>[FirstName,Employees] [LastName,Employees]</td>
        <td style="text-align: center;">
            <input id="frmUseTimesheets[PayrollRef,Employees]" name="frmUseTimesheets[PayrollRef,Employees]" value="True" type="checkbox" checked="checked" />
        </td>
        <td style="text-align: center;">
            <input id="frmUseExpenses[PayrollRef,Employees]" name="frmUseExpenses[PayrollRef,Employees]" value="True" type="checkbox" checked="checked" />
        </td>
    </tr>

What I want to do is when the #frmEmployee checkbox is checked/unchecked it will also check/uncheck the other two checkboxes in that same row only.

The script I have which isn't yet doing this is:

<script type="text/javascript">
jQuery(document).ready(function(){  
   jQuery("[id=^frmEmployee]").change(function(){
        var selected = jQuery(this);
        var scope = jQuery(this).parent("tr");
        jQuery("[id=^frmUseTimesheets]",scope).attr('checked', selected.is(':checked'));
        jQuery("[id=^frmUseExpenses]",scope).attr('checked', selected.is(':checked'));
    });
});
</script>

Is it something obvious that's wrong?

Thanks

David