Input adicionado com .append() não envia os dados POST

Olá, preciso de uma ajuda com um código.

O script abaixo adiciona grupos de campos em um formulário. Até aí ok. Os campos são adicionados porém quando envio o formulário só recebo os dados dos inputs fixos, os que são adicionados dinamicamente não são recebidos.

Este é o código:

	$(document).ready(function() {

	  var max_fields = 100; //maximum input boxes allowed

	  var wrapper = $(".input_fields_wrap"); //Fields wrapper

	  var add_button = $(".add_field_button"); //Add button ID

	  var token = $('#token').val();

	  var x = 1; //initlal text box count

	  

	  $(add_button).on({click: function(e){ //on add input button click

	    e.preventDefault();

	    var length = wrapper.find("input:text").length;

	    if (x < max_fields) { //max input box allowed

	      x++; //text box increment

	      $(wrapper).append('<div class="box-footer"><a href="#" class="remove_field btn btn-danger pull-right"><i class="fa fa-close"></i></a><div class="col-md-12"><h2>Novo Evento</h2></div><div class="form-group col-md-6"><label for="nome_evento">Evento</label><input type="text" class="form-control" id="nome_evento" name="evento[]" placeholder="Nome do Evento" required /></div><div class="form-group col-md-3"><label for="carencia">Carência</label><input type="text" class="form-control" id="carencia" name="carencia[]" placeholder="Dias de Carência" required /></div><div class="form-group col-md-3"><label for="reducao_carencia">Redução de Carência</label><input type="text" class="form-control" id="reducao_carencia" name="reducao_carencia[]" placeholder="Dias de Redução" /></div><div class="clearfix"></div><div class="form-group col-md-12"><label for="descricao">Mais Informações</label><textarea class="textarea" name="descricao[]" placeholder="Descreva as informações aqui!" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" required></textarea></div></div>'); //add input box

	    }

	    wrapper.find("input:hidden").each(function() {

	      $(this).val()

	    });

	    

	    $(function (){

	    $('.select2').select2()

	    });

	  }});

	 

	  $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text

	    e.preventDefault();

	    $(this).parent('div').remove();

	    x--;

	  })

	});