[Иззет]

<div class="visible"></div>
<div class='content'>
      <h1>Заголовок1</h1>
      <p>Текст1</p>
      <a href='#'>ссылка1</a>
</div>
<div class='content'>
      <h1>Заголовок2</h1>
      <p>Текст2</p>
      <a href='#'>ссылка2</a>
</div>

Предположим, нужно взять содержимое дивов .content и выводить через див .visible содержимое случайного дива .content

var content_arr = [];
    $(".content").each(function() {
        var elem = $(this).html();
        content_arr.push(elem);
        $(this).text("");   
    }).hide();
    n = Math.round(Math.random()*(content_arr.length - 1));
    $('.visible').text(content_arr[n]).show();

В итоге текст в .visible выводится в виде строки вместе с тегами. Как реализовать так, чтобы в .visible нормально выводился html код?