[jquery] Ruszanie objektu po append() Opcje

[Ideal]

Nie zupelnie wiem gdzie umiescic to pytani bo to reczje nie jest pytanie poczatkujacego. Mianowicie:

Mam kilka divow na stronie ktore moge poruszac draggable() - jquery ui

Ale mam tez guzik ktory dodaje mi nowe takie same obiekty i one sa juz nie aktywne.

Kod napisalem 'uniwersalny' czyli tak ze po kliknieciu na objekt z danej klasy czyta jego id i dopiero mozna go ruszac.

no ale tak jak napisalem wczesniej jesli wstawie nowe (klasa zostaje ta sama id sie zminia (dodaje jeden do poprzednieg) no ale sa nie aktywne) - jak to zrobic ?

[Ideal]

Nie rozumiem zupelnie - czy w chwili wolnego czasu mozesz mi to wytlumaczyc na moim przykladzie ?


STYL KLASY MAIN_OBJECT:

.main_object {

width:300px;
min-width:300px;
height:200px;
min-height:200px;
border:2px solid #FFEBC1;
background-color:#FFF9EA;
position:relative;

}



<!--- DODAWANIE NOWYCH OBIEKTOW ---!>


var increaseID = 0;

$("#new_one").click(function() {

increaseID = increaseID + 1;

$('body').append('<div id="main_object_' + increaseID + '" class="main_object" ></div>');

$("#" + increaseID).resizable();

$("#" + increaseID).draggable();


});