upload de fotos dinamico

Pessoal, alguem já usou o modal do bootstrap ?

fiz um script de upload em php que esta me retornando os dados em json, porem estou com dificuldades para deixar a exclusão de imagens dinamica.

$('#alteraProduto').on('show.bs.modal', function (event) {
 var button = $(event.relatedTarget);
 var id_produto = button.data('whatever');
 var modal = $(this);

 $.post(base_url+"produtos/visu_edit",{
 id:id_produto
 },function(data){
 carregaProduto(data);
 },"json");
 }).on('shown.bs.modal', function(){
 $('.j_del_img').on('click', function (){
 var idimg = $(this).data("idimg");
 var idprod = $(this).data("idprod");

 $.post(base_url+"produtos/deleteimg",{
 id:idimg,
 id_prod:idprod
 },function(data){
 var imgs = "";
 $.each(data['imgs'],function(i){
 imgs += "<input name='id' type='hidden' value="+data['capa'].id_produto+">";
 imgs += "<div class='col-xs-12 col-sm-6 col-md-4 col-lg-2'>";
 imgs += "<div class='thumbnail'>";
 imgs += "<img src="+base_url+'application/images/itens/'+data['imgs'][i].imgthumb+" class='img-responsive' alt='...'>";
 imgs += "<div class='caption text-center'>";
 imgs += "<p>";
 imgs += "<a class='btn btn-default j_set_img' data-idprod="+data['capa'].id_produto+" data-idimg="+data['imgs'][i].id_imagem+"><i class='fa fa-star'></i></a>";
 imgs += "<a class='btn btn-default j_del_img' data-idprod="+data['capa'].id_produto+" data-idimg="+data['imgs'][i].id_imagem+"><i class='fa fa-trash-o'></i></a>";
 imgs += "</p>";
 imgs += "</div>";
 imgs += "</div>";
 imgs += "</div>";
 });
 $("#j_imgs_produto").html(imgs);
 },"json");
 });
 });

não sei se dessa maneira é a mais correta.

Quando peço para o jquery excluir a primeira imagem ele recarrega o html normalmente, mas quando peço para excluir a segunda imagem não acontece nada...o que pode estar acontecendo ??