JQuery выбор части идентификатора

Question

У меня есть несколько флажков, для которых я хотел бы сделать опцию "Выбрать все". Идентификатор или имя для этих флажков 'chk1', 'chk2', chk3..... и идентификатор для переключателя селектора 'Select All'

    $(document).ready(function () {
        $('#SelectAll').click(function () {
             $('input[name^="chk"]').attr("checked", this.checked);
        })
    })

код работает нормально при первом выборе и отмене выбора, но не работает после последующих щелчков.. Пожалуйста, помогите.

Answer 1

$(document).ready(function () {
    $('#SelectAll').on('change', function() {
        $('input[name^="chk"]').prop("checked", this.checked);
    });
});

FIDDLE