moving elements

moving elements

Hi,

I have a list of div like this :

  1. <div class="item" id="item1">xxxx</div>
  2. <div class="item_detail" id="item_detail1">xxxx yyyy zzzz</div>

  4. <div class="item" id="item2">xxxx</div>
    <div class="item_detail" id="item_detail2">xxxx yyyy zzzz</div>

  6. <div class="dropzone"></div>

  8. <div class="item" id="item3">xxxx</div>
  9. <div class="item_detail" id="item_detail3">xxxx yyyy zzzz</div>

  11. <div class="item" id="item4">xxxx</div>
  12. <div class="item_detail" id="item_detail4">xxxx yyyy zzzz</div>

  14. <div class="dropzone"></div>

And so on...
As you can see, each two item, I've inserted a div "dropzone", my goal is to put the two "item_detail" before each "dropzone" in it. So it became like this :

  1. <div class="item" id="item1">xxxx</div>
  2. <div class="item" id="item2">xxxx</div>
  3. <div class="dropzone">
  4.       <div class="item_detail" id="item_detail1">xxxx yyyy zzzz</div>
  5.       <div class="item_detail" id="item_detail2">xxxx yyyy zzzz</div>
  6. </div>
  7. <div class="item" id="item3">xxxx</div>
  8. <div class="item" id="item4">xxxx</div>
  9. <div class="dropzone">
  10.       <div class="item_detail" id="item_detail3">xxxx yyyy zzzz</div>
  11.       <div class="item_detail" id="item_detail4">xxxx yyyy zzzz</div>
  12. </div>

I've tried something like this :
  1. $(".item").appendTo(next($(".dropzone:first")));
Or like this :
  1. $(".item").appendTo(find($(".dropzone:first")));
but it doesn't work... Any idea ?