Llenado de inputs con imagen de completo

[algunmae]

Buenas, tengo una situacion. Lo que quiero hacer es que cuando se vayan llenando los campos el logo vaya cambiando. Bueno, lo hace bien en la primera fila pero cuando agrego otra fila con el append deja de funcionar. QUe estoy haciendo mla? Como deberiía hacer? llevo días y no caigo la verdad -.- Tengo en mi form esto

Código:

<form action="mensajero.php" method="post" name="email_form" id="email_form">
            
        
<input type="hidden" id="autoincremento" name="autoincremento" value="0" />
 <!-- <label for="">Nombre:</label>
<input id="nombre" class="input" type="text" name="nombre1" value=""/>

<label for="">email:</label> 
<input id="email" class="input" type="text" name="email1" value=""/>
<label for="">Cantidad:</label> 
<input id="cantidad" class="input" type="text" name="cantidad1" value="" /> 
<img src='https://fdohcentralpharmacy.com/resources/images/informational/loading3.svg' id="imagen">-->
<input type="button" id="boton" value="append() añadir contenido nuevo">
<input type="submit" value="Enviar mensaje" id="btn"/>
</form>

y tengo en mi js esto

Código:

<script>(function(){
	$(".input").bind('keyup', function() {
        var inputsNum = 0;
        $(".input").each(function(){
        	if( $(this).val().length >0){
            	inputsNum++;
                
            }
            switch(inputsNum) {
                    case 1:
                        $('#imagen'+siguiente+'').attr('src','http://www.rismp.org/wp-content/uploads/2014/04/free-vector-green-check-mark-clip-art_117189_Green_Check_Mark_clip_art_medium-48x48.png');
                        break;
                    case 2:                        			
                        $('#imagen').attr('src','https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Red_check.svg/48px-Red_check.svg.png');
                        break;
                    case 3: 
                        $('#imagen').attr('src','https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Cornflower_blue_check.svg/40px-Cornflower_blue_check.svg.png');
                        break;
                        
                    case 0:
                        $('#imagen').attr('src','https://fdohcentralpharmacy.com/resources/images/informational/loading3.svg');
                        break;                }
        });
        console.log(inputsNum);
    });
}())</script>
	<script type="text/javascript">
$(document).ready(function() {
$(":button#boton").click(function(){
 
var siguiente = +$('input#autoincremento').val() + 1;
 
$("#email_form").prepend('Nombre <input id="nombre'+siguiente+'" class="input" type="text" name="nombre'+siguiente+'" value=""/> <input id="email'+siguiente+'" class="input" type="text" name="email'+siguiente+'" value=""/> <input id="cantidad'+siguiente+'" class="input" type="text" name="cantidad'+siguiente+'" value="" />  <img src="https://fdohcentralpharmacy.com/resources/images/informational/loading3.svg" id="imagen'+siguiente+'"><br>');
 
$(':input#autoincremento').val(siguiente);
})
});
</script>

Lo que hace la aplicación es que cuando se llenen los campos envie un correo con los datos. Pero lo que ocupo es que ese check se mueva en todas las filas.

Consulta 2: Ese append se puede quitar poniendo un boton que haga un remove?

Acá esta el codigo funcionando de como tengo la aplicación

https://jsfiddle.net/algunmae/94oasvs1/

Gente cualquier ayuda es buena y muchas gracias de antemano