Как посчитать количество элементов в блоке jquery?

Question

[Boldy]

Имеется div.line. В нём есть p.hint и n-ное колиество div.five, в каждом из которых есть 0-5 div.cell. Как мне в $(document).ready() добавить количество всех div.cell к уже существующему тексту в p.hint?

<div class="line">
    <div class="row"><p class=hint>ЗДЕСЬ ДОЛЖНО БЫТЬ 8</hint></div>
    <div class="five">
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
    </div>
    <div class="five">
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
        <div class="row">
            <div class="cell">...</div>
        </div>
    </div>
</div>

Answer 1

[Сергей Семенко]

$(document).ready(function () {
    $('p.hint').bind('click', function () {
        var length = $('dive.five div.cell').length;
        $(this).html(length);
    });

    $('p.hint').trigger('click');
});