Delete old divs if there are more than 20 | jQuery

Мне нужна помощь с моим скриптом jQuery. У меня есть страница, которая обновляется каждые 10 секунд, и новые div'ы из фида добавляются в...

Мой скрипт считает div'ы и удаляет последний div, когда их становится больше 20. Это работает хорошо, если фид добавляет только 1 div за раз. Но фид также может добавлять несколько div одновременно. Когда это происходит, счетчик может превысить максимальное значение в 20 div. Проблема в том, что мой скрипт удаляет только 1 div, а не все div, превышающие 20.

Вот мой код:

var $auto_refresh = setInterval(function () {
    var $articleCount = $('div').length; 

    if ($articleCount > 20) {
        $('div:last-child').remove();
    }

    $autoUpdate();
}, 10000); // refresh every 10000 milliseconds for new items

Мне нужно удалить все лишние div'ы, чтобы всегда было 20 div'ов. Надеюсь, кто-нибудь сможет мне помочь в этом.