jquery .each работает только с первым элементом

У меня возникли проблемы с пониманием jqueries .each. У меня есть следующий код:

$('#testDiv').each(function(index, domEle){    
    $(this).text(index);
});

и следующий HTML

<div id="p18">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>
<div id="p19">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>
<div id="p20">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>

При запуске скрипта он работает только для первого testDiv, так как он правильно устанавливает текст в 0, однако другие testDivs.

Моя общая цель состоит в том, чтобы написать сценарий, который будет устанавливать высоту div на основе высоты другого div. Высота отличается, поэтому я думаю, что петлевая структура - это путь (если я не ошибаюсь?)

Что я неправильно делаю с кодом jq?