[jQuery] Problem with creating dynamic html...

[jQuery] Problem with creating dynamic html...


This is in html (by default)
<input type="hidden" id="brojacgrupa" value="1" />
<div id="grupe">
<div id="grupa1" class="grupa">
<input type = "hidden" id="grupa1" value="1"/>
<div class="dodatni-sastojci"><span class="naslov-
pos">Kolicina</span> <span class="kolicina-pos">Naslov</span></div>
<div id="grupa-sadrzaj">
<div id="grupa-list">
<div>
<div class="dodani-sastojci"><input
name="vrijednosti[][1][kol]" type="text" title="Količina npr. 100ml,
10 kom i sl." /> </div>
<div class="dodani-sastojci"><input
name="vrijednosti[][1][naziv]" type="text" title="Primjer: U polje
količina unesete 10 kom, a u naslov jaja." /></div>
<div class="dodani-clear"></div>
</div>
</div>
<span class="novisastojak">Dodaj sastojak</
span></div>
</div>
</div>
<div id="grupanovi"> </div>
<span id="novagrupa">Nova grupa</span>
When i click on "grupanovi" it creates:
$('#grupanovi').append('<div id="grupe"><div
id="grupa'+document.getElementById('brojacgrupa').value+'"
class="grupa"><input type = "hidden" id="grupa'+document.getElementById
('brojacgrupa').value+'" value="'+document.getElementById
('brojacgrupa').value+'"/><div class="dodatni-sastojci"><span
class="naslov-pos">Kolicina</span> <span class="kolicina-pos">Naslov</
span></div><div id="grupa-sadrzaj"><div id="grupa-list"><div><div
class="dodani-sastojci"><input name="vrijednosti[][1][kol]"
type="text" title="Količina npr. 100ml, 10 kom i sl." /> </div><div
class="dodani-sastojci"><input name="vrijednosti[][1][naziv]"
type="text" title="Primjer: U polje količina unesete 10 kom, a u
naslov jaja." /></div><div class="dodani-clear"></div></div></
div><span class="novisastojak">Dodaj sastojak</span></div></div></
div>');
But this works only on default:
$(".novisastojak").click(function(){
     alert('testiram');
     });
not on dynamical content created.
Help?
     });