Untitled

How to display this message within the correct row, not within all rows

var counter = 0;

 

function stopImageUpload(success, imagefilename){

 

      var result = '';

      counter++;

 

      if (success == 1){

         result = '<span class="imagemsg'+counter+'">The file was uploaded successfully!</span><br/><br/>';      

         $('.listImage').eq(window.lastUploadImageIndex).append('<div>' + htmlEncode(imagefilename) + '<button type="button" class="deletefileimage" image_file_name="' + imagefilename + '">Remove</button><br/><hr/></div>');

      }

      else {

         result = '<span class="imageemsg">There was an error during file upload!</span><br/><br/>';

      }

 

 

      $(".deletefileimage").on("click", function(event) {

 

         var image_file_name = $(this).attr('image_file_name');

 

    jQuery.ajax("deleteimage.php?imagefilename=" + image_file_name)

      .done(function(data) {

        $(".imagemsg" + counter).html(data);

       });

 

       $(this).parent().remove();

 

    });

 

      return true;  

}

       

<script language="javascript" type="text/javascript">window.top.stopImageUpload(<?php echo $result ? 'true' : 'false'; ?>, '<?php echo $_FILES['fileImage']['name'] ?>');</script>