Отображать данные div в другом div с помощью jquery, когда все div с одинаковыми классами

Я не знаком с jQuery, поэтому я пишу это, чтобы получить помощь от вас, ребята.

Скажем, что у меня есть три <div> с теми же классами, но с разной информацией. При обновлении на странице отображается только один <div> с данными в нем.

Я сделал эту демонстрацию JSFiddle.

скрипт

var divs = $("div.visible-content").get().sort(function(){ 
return Math.round(Math.random())-0.5;
}).slice(0,1)
$(divs).show();

Мой вопрос

Как отображать видимые данные в другом, настраиваемом <div> в другом классе, который (извините за мой плохой английский), не совпадает с " .visible-content "? Я имею в виду, что только видимое-IF-изображение видимо, тогда информация из этого видимого <div> должна отображаться в пользовательском <div> с .information-from-visible-content.

Мой полный HTML

<div class="visible-content">
   <div class="information">1</div>
</div>

<div class="visible-content">
   <div class="information">2</div>
</div>

<!-- .etc -->

<div class="other-content">
   <h1>Other content</h1>
   <div class="information-from-visible-content">
   <!-- information from visible content-->
   </div>
</div>

CSS

div.visible-content { position:absolute; display:none; }
.other-content { float:left; margin:0px 0px; width:100px; height:100px; background:red; }
.other-content h1 { float:left; margin:0px 0px; font-size:12px; }

Извините за мой плохой английский, и спасибо за все ответы!