Обновить изображение в модальном окне после замены без закрытия модального окна

Я пытаюсь обновить свое изображение в модальном окне после замены. Если я повторю свою операцию, не закрывая модальное окно, мой <div> покажет все последовательные картинки, как здесь:

JQuery-код:

$(document).ready(function(){
    $('#img_logo_content').change(function(){
        var fd = new FormData();
        var files = $('#img_logo_content')[0].files[0];
        fd.append('file',files);
        fd.append('request',1);

        // AJAX request
        $.ajax({
            url: 'upload.php',
            type: 'post',
            cache: false,
            data: fd,
            contentType: false,
            processData: false,
            success: function(response){
                if (response != 0){
                    // Show image preview
                     $('#logo-preview').append("<img src='"+response+"'  height='50' style='display: inline-block;'>");
                }else{
                    alert('file not uploaded');
                }
            }
        });
    });
});

Мой модальный div

<div class = "form-group">
    <label for = "img_logo_content" class = "col-sm-4 control-label">Votre logo</label>
    <div class = "col-sm-8">
        <!-- Display logo -->
        <div id = "logo-preview"></div>
        <input type = "file" class = "form-control" id = "img_logo_content" name = "img_logo_content" placeholder = "Votre Logo">
    </div>
</div>