Javascript-форум - Добавить div после каждого второго jQuery

Доброго времени, уважаемые форумчане!

Делаю себе блог на WP и возникла задача после каждого второго div добавлять div с классом "clearfix". Верстку делаю на bootstrap.

Сейчас посты выводятся в колонках, но они разной высоты и из за этого все едет.

Сейчас обычная вот такая разметка:

<div class="row row-clear">
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
</div>

Как мне при помощи jQuery после каждого 2-ого div добавить еще один с классом "clearfix"? Т.е. чтобы получилось вот так:

<div class="row row-clear">
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
</div>

Нашел на просторах интернета такой скрипт, но он что то не корректно работает, а точнее не на каждой странице и не с каждой разметкой div'ов

$('.row-clear .col-clear').each(function(i,e){
   (((i+1) % 3) == 0)
$(this).after('<div class="clearfix"></div>');