объединять изображения с помощью jquery

Question

Вот мой код:

$(document).ready(function() {

    img$ = '';
    var img$ = img$ + '<img src = ' + $('#img_loc').attr('value') + ' />'; 

            /*#img_loc is the id of the text box where url is pasted*/

    $('#add_btn').click(function() {
        $('#work_area').html(img$);
    });
});

Я хочу иметь возможность размещать изображение за изображением, вставляя различные URL-адреса в текстовое поле img_loc.Но с этим кодом я могу получить только одно изображение.Может кто-нибудь помочь мне понять, что я делаю не так?

Answer 1

Вместо того, чтобы каждый раз заменять work_area, почему бы не добавить к нему изображения следующим образом:

$(document).ready(function() { 
    $('#add_btn').click(function() { 
        var src = $('#img_loc').val();
        $('<img>').attr("src", src).appendTo($('#work_area'));
    }); 
});