remove div

remove div

Hi there, with a button I add a group of fields in a form.

I can't perform the remove action

  2. $('#aggiungi_catasto').click(function(){
  3.        var subCategoria = $('#subcategoria').val();
  4.        if(subCategoria.length<1){
  5.            subCategoria = 'Sub Immobile';
  6.        }
  7.        $('#subcategoria').val('');
  8.       
  9.        var count = parseInt($('.count').html());
  10.        
  11.        count = count+1;
  12.        
  13.         $('.count').html(count);
  14. var groupId = 'group_'+count;

  16. var form ='<div id="'+groupId+'" class="panel box box-primary">\n\
  17.             <div id="vito" class="box-header with-border">\n\
  18.                 <h4 class="box-title">\n\
  19.                     <a data-toggle="collapse" data-parent="#accordion" href="#'+count+'">'+subCategoria+'</a>\n\
  20.                 </h4><a href="" class="remove_group" >X</a>\n\
  21.             </div>\n\
  22.             <div id="'+count+'" class="panel-collapse collapse in">\n\
  23.                 <div class="box-body">\n\
  24.                     <div class="group-container row">\n\
  25.                         <div class="col-md-8">\n\
  26.                             <div class="form-group s-prop-title">\n\
  27.                                 <label for="title">\n\Categoria</label>\n\
  28.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  29.                             </div>\n\
  30.                         </div>\n\
  31.                         <div class="col-md-8">\n\
  32.                             <div class="form-group s-prop-desc">\n\
  33.                                 <label for="textarea">\n\Sezione</label>\n\
  34.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  35.                             </div>\n\
  36.                         </div>\n\
  37.                         <div class="col-md-8">\n\
  38.                             <div class="form-group s-prop-desc">\n\
  39.                                 <label for="textarea">\n\Foglio</label>\n\
  40.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  41.                             </div>\n\
  42.                         </div>\n\
  43.                         <div class="col-md-8">\n\
  44.                             <div class="form-group s-prop-desc">\n\
  45.                                 <label for="textarea">\n\Mappale</label>\n\
  46.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  47.                             </div>\n\
  48.                         </div>\n\
  49.                         <div class="col-md-8">\n\
  50.                             <div class="form-group s-prop-desc">\n\
  51.                                 <label for="textarea">\n\Sub Alterno</label>\n\
  52.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  53.                             </div>\n\
  54.                         </div>\n\
  55.                         <div class="col-md-8">\n\
  56.                             <div class="form-group s-prop-desc">\n\
  57.                                 <label for="textarea">\n\Rendita Catastale</label>\n\
  58.                                 <input type="text"  class="form-control" value="" name="title" required="">\n\
  59.                             </div></div></div></div></div></div>';
  60.      
  61.      
  62.     $(form).insertAfter('#accordion'); 
  63.     
  64.      $('.remove_group').click(function(){
  65.       
  66.         here I can't retrieve the groupId of the div
  67.     });
  68.     
  69.     });