Mam stronę, która wygląda tak:

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

Zastanawiałem się, czy istnieje sposób, w jaki mogę wstawić divlosowo pomiędzy dowolnymi divami „item”, więc gdy strona zostanie załadowana, będzie wyglądać następująco:

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="rondomDiv">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

Wszystkie div z klasą „item” są generowane dynamicznie i nie można ich modyfikować. Jakieś pomysły? Z góry dziękuję!