Enviar post com input dinâmico criado com Jquery

Olá, boa noite.

Não estou conseguindo fazer funcionar. Preciso criar input dinâmico na página e enviar via POST.

Segue o código abaixo:

 <?php require_once "includes/header.php";?>
 <div id="page-wrapper">
 <div class="container-fluid">
 <div class="row">
 <div class="col-lg-3">
 <form role="form" id="form_cadastro" class="form_cadastro">
 <div class="form-group">
 <label>Atendente</label>
 <input class="form-control" placeholder="Atendente" name="atendente">
 </div>

 <div class="form-group">
 <label>Nome</label>
 <input class="form-control" placeholder="Nome" name="nome">
 </div>

 <div class="form-group">
 <label>Idade</label>
 <input class="form-control" placeholder="idade" name="idade">
 </div>

 <div class="form-group">
 <label>Endereço</label>
 <input class="form-control" placeholder="Endereço" name="endereco">
 </div>

 <div class="form-group">
 <label>Telefone</label>
 <input class="form-control" placeholder="Telefone" name="telefone">
 </div>

 </div><!-- /.col-lg-3 -->
 </div><!-- /.row -->

 <h3><span class="label label-warning">Cadastro de Indicação</span></h3>
 <div class="row">

 <div id="box_geral" class="col-lg-4 box-geral">
 <div class="box-add">
 <div class="col-lg-5">
 <div class="form-group">
 <label>Nome</label>
 <input class="form-control" placeholder="Nome" name="nome_indicacao[]">
 </div>
 </div>
 <div class="col-lg-5">
 <div class="form-group">
 <label>Telefone</label>
 <input class="form-control" placeholder="Telefone" name="telefone_indicacao[]">
 </div>
 </div>
 </div>
 </div>
 <div class="form-group"><h3 class="add"><i class="fa fa-plus-square"></i></h3></div>
 </div> <!-- /.row -->
 <button class="btn btn-danger" id="cadastrar" class="cadastrar">Cadastrar</button>
 </form>
 </div>
 <!-- /.container-fluid -->
 </div>
 <!-- /#page-wrapper -->
 </div>
 <!-- /#wrapper -->

 <!-- jQuery -->
 <script src="js/jquery.js"></script>
	<script>
 $(document).ready(function(){
 $(".add").css({cursor:"pointer"});
 var novos_numeros = '<div class="col-lg-5"><div class="form-group"><label>Nome</label><input class="form-control" placeholder="Nome" name="nome_indicacao[]" id="nome_indicado"></div></div><div class="col-lg-5"><div class="form-group"><label>Telefone</label><input class="form-control" placeholder="Telefone" name="telefone_indicacao[]" id="telefone_indicado"></div></div>';
 $(".add").on("click", function(){
 $( ".box-add" ).append(novos_numeros);
 return false;
 });

 $("#form_cadastro").on('submit', function(event){
 event.preventDefault();
 var dados_form = $(this).serialize();
 console.log(dados_form);

 $.ajax({
 type: 'POST',
 url: 'guardar_informacao.php',
 data: dados_form,
 success: function(retorno){
 console.log(retorno);
 }

 });

 });
 });
	</script>
 <script src="js/bootstrap.min.js"></script>
</body>

</html>

Retorno:

Array
(
[atendente] =>
[nome] =>
[idade] =>
[endereco] =>
[telefone] =>

 [nome_indicacao] => Array
 (
 [0] => teste
 )

 [telefone_indicacao] => Array
 (
 [0] => teste
 )

)

Se alguém puder ajudar eu agradeço.

Obrigado!