Wklejanie div do strony, tak zeby byl w nim okreslony element Opcje

[Agape]

Problem polega na tym ze na formie mam select'y i chce zeby kazdy z nich byl w div. Próbowałem już
after/before
insertBefore/insertAfter
ale zawsze jak daje na after </div> zeby zamknac pojemnij, kod ten sie nie pokazuje. Jak daje prawidlowo zamkniety i otwarty w after wszystko jest dobrze. Niestety ja potrzebuje kazdy select zawrzec w div z okreslona klasa

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $('select').each(function(){
        $(this).before('<div class="hover" style="clear:both; border: 1px solid red; overflow: hidden;">');
        $(this).after('</div>');
    });
})
[JAVASCRIPT] pobierz, plaintext 

live example: http://jsfiddle.net/BPfK6/

Zwróćcie uwagę na to czy pojawił się </div>

Ten post edytował Agape 23.05.2011, 10:08:32

[wookieb]

http://jsfiddle.net/BPfK6/1/

[nospor]

jQuery operuje na poprawnych kawałkach obiektów a nie na początku diva i na koncu diva.

Pisane z palca:

Kod

$(document).ready(function(){
    $('select').each(function(){
        var c=$(this).clone();
        var d = $('<div></div>');
d.append(c);
       $(this).replaceWith(d);
    });
})

edit: o wrap, też fajna funkcja

Powód edycji: [nospor]:

[Agape]

Dzięki, nie znałem tej funkcji.