Tengo una página que se parece a esto:

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

Me preguntaba si hay una manera en que podría insertar un dival azar entre cualquiera de los "elementos" divs, así que cuando se carga la página, se vería así:

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

Todos los divs con la clase "item" son generados dinámicamente, y no pueden ser modificados. ¿Algunas ideas? ¡Gracias por adelantado!