replaceWith в JQuery калечит элементы формы

[CrazyPHP]

Привет. Имеется стилизация текстовых полей формы пи помощи jquery, вот код:

function wrap_input(item){

    var box    = $('<div class="input_text_box" />');

    if($(item).prop('disabled')){
        var left   = $('<div class="left_wrap_off" />').appendTo(box);
        var center = $('<div class="center_wrap_off" />').appendTo(box);
        var right  = $('<div class="right_wrap_off" />').appendTo(box);
    }else{
        var left   = $('<div class="left_wrap" />').appendTo(box);
        var center = $('<div class="center_wrap" />').appendTo(box);
        var right  = $('<div class="right_wrap" />').appendTo(box);
    }

    $(item).clone().appendTo(center);
    $(item).replaceWith(box);

}

применяется вот так:

$('input[type="text"], input[type="password"]').each(function() {
        wrap_input(this);
    });

после этой манипуляции, при попытке отправить форму на сервер, массив POST оказывается пустым, т.е. форма ничего не передаёт, текстовые поля испорчены. Как быть? как обернуть input в свои div-ы и при этом не испортить его?

попробовал даже просто если обернуть input одним div-ом при помощи спец. функции $.wrap() всё равно элемент получается неработоспособный!

Edited February 5, 2012 by CrazyPHP

[CrazyPHP]

попробовал даже просто если обернуть input одним div-ом при помощи спец. функции $.wrap() всё равно элемент получается неработоспособный!

ответ найден. тег формы <form> находится внутри тега <table> но не внутри ячеек из за этого при применении любых манипуляций форма перемещалась в другое место.