How to insert 5 elements of one block after every 5th element of another block

How to insert 5 elements of one block after every 5th element of another block

Hello! Want to find a solution to my problem, the task seems to be simple for someone who knows jQuery a little bit better then myself. I've got 2 HTML code blocks, one after another:
  1. <div class="items-one">
  2.      <div class="items-one-item1"></div>
  3.      <div class="items-one-item2"></div>
  4. <!--etc.-->
  5. </div>
and
  2. <div class="items-two">
  3. <div class="items-two-item1"></div>
  4. <div class="items-two-item2"></div>
  5. <!--etc.-->
  6. </div>
I want first 5 elements of "items-two" to move after 5th element of "items-one", then the second 5 elements of "items-two" to be after 10th element of "items-one", etc., etc. This must be done dynamically, while loading page, not by simple HTML code changing. May someone please give me an answer, how can I do it, using jQuery?