JQuery несколько флажков - селектор не работает

Question

Я попытался сделать тест:

var test = Array();

$('input[name=first_category[]]:checked').each(function()
{
    test.push($(this).val());
});

alert(test);

1. Установите последний флажок.
2. Обновить страницу.
3. Оповещение должно быть пустым (но не пустым, оно показывает мне 4).

У меня есть 5 категорий, и каждая категория содержит более 10 флажков.

Answer 1

Извините, я обновил свое решение. проверьте здесь для получения обновленного решения.

<input type="checkbox" name="first_category[]" value="1" />
<input type="checkbox" name="first_category[]" value="2" /> 
<input type="checkbox" name="second_category[]" value="3" /> 
<input type="checkbox" name="second_category[]" value="4" />
<br/>
<input type="button" value="check" id="btnCheck"/>

$("#btnCheck").live('click', function() {
    var test = [];
    $("input[name='first_category[]']:checked").each(function() {
        test.push($(this).val());
    });
    alert(test);
});