Inserir um div em um local aleatório em uma lista de divs

Eu tenho uma página assim:

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

Eu queria saber se há uma maneira que eu poderia inserir um divaleatoriamente entre qualquer um dos "itens" divs, então quando a página é carregada, seria semelhante a:

<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 os divs com a classe "item" são gerados dinamicamente e não podem ser modificados. Alguma ideia? Desde já, obrigado!