[werdes]

Доброго времени суток
По запросу "jquery форум" ,этот форум оказался на первом месте в поисковике, поэтому решил обратиться к вам...
Надеюсь не откажите в помощи.
Нужно видоизменить содержимое контейнера примерно так:

До:

<div class="box">
    <div class="title">Заголовок</div>
        <div class="txt">текст</div>
</div>

После:

<div class="box">
  <div class='white-box'>
    <div class="title">Заголовок</div>
        <hr class='line'/>
            <div class="txt">текст</div>
  </div>
</div>

При помощи jquery сделал простую замену тегов:

$("div .box").ready(function(){
 boxheader = ("<div class='box'><div class='white-box'>");
 boxfooter = ("</div></div>");
 boxtitle = $('div.title').html();
 boxtext = $("div.txt").html();
 hr = ("<hr class='line'/>");
$("div.box").replaceWith(boxheader+boxtitle+hr+boxtext+boxfooter);
 });

И вроде бы все хорошо, но затея состоит в том, что контейнеров с классом "box" будет много..

когда их на странице больше одного, то содержимое тегов с классами "title" и "txt" идет из "title" и "txt" -первого обработаного контейнера "box"

Помогите заставить jquery обрабатывать каждый контейнер отдельно, а не смешивать все в кучу.
Буду вам очень благодарен. Заранее спасибо.