Display all the content of an element inside another element with JQuery

Display all the content of an element inside another element with JQuery

Hello guys. I have the following case. I am using Twitter Bootstrap.
  I have a simple boxes that consist of an image. I want when the box is clicked the image to come up with an html below it. Okay. I achieve that but I gain only a text directly added into the element. But let's say I decide to create a table inside this element and may be create another elements like h2,h3,h4,p,div,table. I want to display them all but only when the modal dialog is fired. Here is what I have. I need your help to achieve that. I am not so familiar with Jquery and this took me an 1 week of thinking.

$(function () {
            $('.pop').on('click', function () {
                $('.imagepreview').attr('src', $(this).find('img').attr('src'));
                $('.info').html($(this).children('.brand-info').text());
                $('#imagemodal').modal('show');
            });
        });


Thanks in advance!