Почему не запускается событие смены флажка?

у меня есть две функции.

Первая функция переводит щелчок div в переключатель «отмечен / не отмечен». Вторая функция переводит изменение флажка в событие скрытия / показа.

Проблема в том, что когда я использую первую функцию для установки / снятия флажка, вторая функция не вызывается. Я новичок в javascript, спасибо.

<script type="text/javascript">
$(document).ready(function() {
    $(":checkbox").parent().click(function(evt) {
        if (evt.target.type !== 'checkbox') {
            var $checkbox = $(":checkbox", this);
            $checkbox.attr('checked', !$checkbox.attr('checked'));
            evt.stopPropagation();
            return false;
        }
    });
});
</script>

<script type="text/javascript">
$(document).ready(function() {
    $(":checkbox").change(function() {
        if($(this).attr("checked")) {
            $('.'+this.id).show();
        }
        else {
            $('.'+this.id).hide();
        }
    });
});
</script>