[jQuery] Problem with creating dynamic html...

[Nedim]

Hello everyone.
I have a problem with jQuery.

This is (by default) in HTML file:

      <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>


And when i click on div with id "novagrupa" i do this:

 $("#novagrupa").click(function(){
                // Hidden var

                 var x = parseInt(document.getElementById('brojacgrupa').value);
                        x++;
                        document.getElementById('brojacgrupa').value = x;

                        // U koji div dodaje
                $('#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>');


          });

And it is ok, but when i click on div with class "novisastojak" there
is a problem:

  $(".novisastojak").click(function(){
          alert('testiram');
         });


It works only on first code (created by default) and doesn't work on
others, (created dynamical)