Div costruita in script non risponde correttamente

[marcopa]

Salve, sono nuovamente qui a chiedere un aiuto nel ragionare.
ho uno script che costruisce una div , in questo modo ;
in php ho una div con il btn per l'aggiunta ed una div per la risposta :

<div class="col-md-2 text-right">
   <a href="#" style="background-color: greenyellow;" id="crea_div" title="Aggiungi nuova"> 
                         <i class="fa fa-plus-square fa-2x" style="color:#FFF;"></i>
    </a>
</div>
<div id="divfasce"></div> 

il resto è in jscript

 $('#crea_div').click(function() { 

$a = "<div class='col-md-2'><span class='input-group-addon'>Da </span><input type='text' class='form-control' id='da' name='da' name='id_gr' required ></div>";

$b = "<div class='col-md-2'><span class='input-group-addon'>Al </span><input type='text' class='form-control' id='al' name='al' required></div>";

$c = "<div class='col-md-3'><span class='input-group-addon'>Costo </span><input type='text' class='form-control' id='costoda' name='costoda' required ></div>";
            
$d = "<div class='col-md-3'><br><a href='#' title='Salva/Aggiungi' class='add_gram  btn btn-default'><i  class='fa fa-check' style='color:yellowgreen;'></a></div>";

$data = $a +$b +$c +$d ;
        
              $("#divfasce").append($data);
 });

poi ho lo script che viene richiamato dal pulsante Salva creato da $d.

         $('.add_gram').click(function() { 
            alert('clicco per aggiungere...');
          });

nessun problema di visualizzazione, ma se clicco sul pulsante che deve aggiungere la riga inserita
non succede nulla, qui mi viene da chiedere : ma le div create in questo modo devono essere gestite in modo diverso?
Perchè se c'è un click in add_gram non succede nulla?
Spero di essere stato chiaro nella spiegazione, Grazie.