[JQuery] Akcja dla dynamicznie tworzonego potomka Opcje

[gregiolo]

Witam serdecznie,
Posiadam następujący, przykładowy kod:

[HTML] pobierz, plaintext 
<div id="container">
 <div id="rodzic"></div>
</div>
[HTML] pobierz, plaintext 

oraz zdarzenie (wstępnie):

[HTML] pobierz, plaintext 
$("#rodzic").click(function() {
  $(this).append('<div id="losoweid"></div>');
});
[HTML] pobierz, plaintext 

Chciałbym aby po kliknięciu na blok #rodzic lub każdy #losoweid i wszystkich zagnieżdżonych w nich lub równoległych poziomem do nich, wykonywała się taka sama akcja jak wyżej czyli tworzenie potomnego bloku. Poziom, w którym byłby dopisany zależałby od klikniętego bloku.

Problem w tym, że gdy nawet zmienię selektor na $("#container > div") gdy klikam na "rodzic" lub "losoweid" wykonuje się automatycznie ta sama akcja dla rodzica. Jednocześnie nie mogę pozbawić rodzica eventu gdyż może się przydać po kliknięciu na niego.

Próbowałem metod:
1) umieszczenia nazwanego eventu click po append() ale nie odczytuje akcji
2) korzystania z funkcji delegate
3) korzystania z funkcji live()
4) korzystania z regexp w selektorze dla wszystkich div, ale wtedy akcja wywołuje się rekurencyjnie do bólu.
5) unbind

Naturalnie nie wchodzi w grę dopisywanie ręczne definicji akcji dla każdego ID.
Fakt, że mogłem rozwiązań j/w użyć nieumiejętnie, więc proszę o pomoc.

[kicaj]

Kod

$("#rodzic").live('click', function() {
  $(this).append('<div id="losoweid"></div>');
});