mam mniej więcej taki kod

jest to lista
<ul>
<li>
<input type="checkbox" id="cb_1" />
<ul><li><input type="checkbox" id="cb_22" /></li></ul>
</li>
</ul>
chciałbym aby po kliknięciu nadrzędnego checkboxa zaznaczało również podrzędne
mam taki kod jquery ale niestety nie działa, proszę o pomoc w poprawieniu go
Kod
$("input[@type=checkbox]").click(function() {
id = $(this).attr('id');
checked = $(this).attr('checked');
$( '#'+ id+ " input[@type=checkbox]").each(
function() {
$(this).attr('checked', checked);
}
);
});
id = $(this).attr('id');
checked = $(this).attr('checked');
$( '#'+ id+ " input[@type=checkbox]").each(
function() {
$(this).attr('checked', checked);
}
);
});