the cache is deleted when I add a new one in department and in kinship that I can do

  <script>

        todos_municipios=null;
$(document).ready(function(){
            //console.log('here');

            todas_ciudades = {!! $ciudades->toJson() !!};
            $(document).on('change','.depto',function(value){
                var depto_number=$(this).attr('depto_number');
                var depto_id=$(this).val();
                $('#ciudad_'+depto_number).val("");
                var ciudades=_.filter(todas_ciudades,{'departamento_id':parseInt(depto_id)});
                //console.log(municipios);
                var html='';
                html+='<option selected="selected" disabled="disabled" hidden="hidden" value="">Ciudad</option>';
                _.forEach(ciudades, function(value, key) {
                    html+='<option value="'+value.id+'">'+value.nombre+'</option>';
                });
                //console.log('#ciudad_'+depto_number);
                $('#ciudad_'+depto_number).html(html);

              
            });


        });


$(document).ready(function(){
        var f = 1;
        $opciones_de_parentesco =  {!! json_encode($opciones_de_parentesco) !!}
        $departamentos =  {!! json_encode($departamentos) !!}

        $('#btn-familiar').on('click', function(){


            var html =      '<div id="num-familia-org">'+
                                '<div class="row">'+
                                    '<div class="col-md-3">'+
                                        '<div class="form-group">'+
                                            '{!! Form::label("nombres","Nombres:") !!}'+
                                            '<input class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][nombres]" type="text">'+
                                        '</div>'+
                                    '</div>'+
                                    '<div class="col-md-3">'+
                                        '<div class="form-group">'+
                                            '{!! Form::label("apellidos","Apellidos:") !!}'+
                                            '<input class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][apellidos]" type="text">'+
                                        '</div>'+
                                    '</div>'+

                                    '<div class="col-md-3">'+
                                        '<div class="form-group">'+
                                            '{!! Form::label("parentesco","Parentesco:") !!}'+
                                            '<select class="form-control selectParentesco" autocomplete="off" name="compoFamiliar[intg_familia]['+(f+1)+'][parentesco]">'+
                                            '</select>'+
                                        "</div>"+
                                    "</div>"+
                                    "<div class='col-md-3'>"+
                                        "<div class='form-group'>"+
                                            '{!! Form::label("cual_parentesco","Cual?:") !!}'+
                                            '<input class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][cual_parentesco]" type="text">'+
                                        "</div>"+
                                    "</div>"+
                                "</div>"+
                                "<div class='row'>"+
                                    "<div class='col-md-3'>"+
                                        "<div class='form-group'>"+
                                            '{!! Form::label("edad","Edad:") !!}'+
                                            '<input class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][edad]" type="number">'+
                                        "</div>"+
                                    "</div>"+

                                    "<div class='col-md-3'>"+
                                        "<div class='form-group'>"+
                                            '{!! Form::label("ocupacion","Ocupación:") !!}'+
                                            '<input class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][ocupacion]" type="text">'+
                                        "</div>"+
                                    "</div>"+
                                    "<div class='col-md-3'>"+
                                        "<div class='form-group'>"+
                                            '{!! Form::label("departamento","Departamento:") !!}'+
                                            '<select id="depto_'+(f+1)+'" class="form-control selectDepartamento depto" depto_number="'+(f+1)+'" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][departamento_id]">'+
                                            '</select>'+
                                        "</div>"+
                                    "</div>"+
                                    "<div class='col-md-3'>"+
                                        "<div class='form-group'>"+
                                            '{!! Form::label("ciudad","Ciudad:") !!}'+
                                            '<select id="ciudad_'+(f+1)+'" class="form-control" autocomplete="off" name="compoFamiliar[intg_familia]['+f+'][ciudad_id]">'+
                                            '</select>'+
                                        "</div>"+
                                    "</div>"+
                                "</div>"+
                                "<div class='row'><div class='col-md-12'><hr class='separador' style='border: 2px solid #38c0a8;'></div></div>"+
                            "</div>";

            var opc_parentesco  = "<option selected='selected' disabled='disabled' hidden='hidden' value=''>Seleccione Uno</option>";
            _.forEach($opciones_de_parentesco, function(value, key){
                opc_parentesco += "<option value='"+key+"'>"+value+"</option>";
                 
            });

            var opc_departamento  = "<option selected='selected' disabled='disabled' hidden='hidden' value=''>Departamento</option>";
            _.forEach($departamentos, function(value, key){
                opc_departamento += "<option value='"+key+"'>"+value+"</option>";
               

            });

            $('#num-familia-copia').append(html); 
            $('.selectParentesco').html(opc_parentesco);
            $('.selectDepartamento').html(opc_departamento);

            f += 1;

            $('#numFamiliares').val(f);
             

        });
        
    });

  </script>