JQuery ": empty" не работает - чтобы проверить, все ли <DIV> содержат текст или пусто

Я создал несколько ящиков во время выполнения, где я хочу подтвердить, все ли ящики «Пустые», тогда пользователь не сможет продолжить. Но если даже один Box содержит правильное значение (вместо Empty), пользователь сможет продолжить.

Я создал следующий код:

$(document).ready (function () {
    setProceedState();

});

function setProceedState() {
    if ($('.type').length == $('.type:empty').length) {
        alert("Empty" + $(".type").html());
        $("#stepAutomapConfirm").attr("disabled", true);
        $("#stepAutomapConfirm").addClass("disabled").removeClass("active");
    } else {
        alert("NOT Empty" + $(".type").html());
        $("#stepAutomapConfirm").attr("disabled", false);
        $("#stepAutomapConfirm").addClass("active").removeClass("disabled");
    }
}

Каким-то образом этот код отлично работает в скрипке: http://jsfiddle.net/aasthatuteja/xJtAV/ < / a>