kopiowanie selecta

Witam,
Próbuje kopiować selecta za pomocą

 $(".categories").clone().insertAfter("div.categories:last");

klassa categories to moj select.
Jednak nic sie nie dzieje. Zwykle w ten sposob kopiuje inne elementy ale ten nie dziala. Szukalem na google, ale wszedzie byly stare posty odsylajace do bugtrackera jquery.

Czytalem tez ze trzeba osobno kopiowac selecta i osobno opcje.
Ale nie kumam tego szczerze powiedziawszy.

Przykładowy html na prośbe:

  
<select class="categories" name="categories[]">
<option value="0">Wybierz kategorie</option>
</select>

To teraz wyobraź sobie, że jesteś jquery - bierzesz tego selecta, klonujesz i wstawiasz po ostatnim divie z klasą categories. Nic się nie dzieje, bo tego diva - przynajmniej ja - nie widzę ;)

http://jsbin.com/cepevusoxe/1/edit?html,js,output <= tutaj tak to wyglada. do twojego jquery dodalem prefix select, a dlaczego, bo to co ty zapodales to sklonuje i skopiuje wszystko co ma klase categories (czyli takze twojego docelowego diva), a tego chyba nie chcesz.

jak widzisz dziala, jesli nie dziala to:

1. sprawdz czy biblioteka jquery jest podpieta
2. pokaz/sprawdz w ktorym momencie bindujesz ta akcje, na click czy document.ready??
3. sprawdz konsole czy jakies bledy sa wypluwane.

Dzięki już dziala. Wyobraziłem sobie że jestem jquery... serio :)