JSFiddle - React, Tailwind, and code Playground

HTML

<h4>Ao digitar no 1º e 2º input, ele reexibi o texto digitado no input ao lado. Porém após acrescentar o 3º input esse efeito já não entra mais em atividade. Parece que a div e seu conteudo não é reconhecida</h4>

<form action="" method="post">
	
    <div class="bloco">
    	<div class="sub_bloco">
            <input type="text" name="0_capturar" 	 class="capturar" placeholder="1º input"/>
            <input type="text" name="0_exibir" 		 class="0_exibir" placeholder="Reexibição do 1º input" />
    	</div> 
        
        <div class="sub_bloco">
            <input type="text" name="1_capturar" 	 class="capturar" placeholder="2º input"/>
            <input type="text" name="1_exibir" 		 class="1_exibir" placeholder="Reexibição do 2º input" />
    	</div>    	
    </div>

</form>
<p><a class="novo">Novo Bloco</a></p>

<div class="relatorio"></div>

JavaScript

$(".novo").click(function(){
		
		var n = $("div.sub_bloco").length;	
		$(".bloco").append('<div class="sub_bloco"><input type="text" name="'+n+'_capturar" class="capturar" placeholder="'+(n + 1)+'º input"/><input type="text" name="'+n+'_exibir" class="'+n+'_exibir" placeholder="Reexibição do '+(n + 1)+'º input" /></div>');
		$('.relatorio').append("Você acrescentou um novo bloco. Numeração :: <b>"+n+"</b><br>");
		
		
	})
	
	//Captura e Inserção dos valores
	$(".capturar").change(function(){
	
		//Pego a numeração do input digitado e o valor que foi digitado
		var numeracao = $(this).attr('name');
		var capturar = $(this).val();
		$('.relatorio').append("Você digitou <b>"+capturar+"</b> no bloco :: <b>"+numeracao+"</b><br>");
		
		//Retiro os caracteres inuteis, absorvendo apenas o primeiro digito
		var res = numeracao.substring(0, 1);
		
		$("."+res+"_exibir").val(""+capturar+"");	
		
	})