Одновременно квадраты на страницах исчезают и исчезают с помощью JavaScript

Question

Цель: показать много квадратов или любой объект (слова, изображения и т. Д.) Одновременно исчезая и исчезая.

Пример ниже показывает только один квадрат за один раз, вспыхивающий и исчезающий. http://jsfiddle.net/redler/QcUPk/8/

(function makeDiv(){
    var divsize = ((Math.random()*100) + 50).toFixed();
    var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
    $newdiv = $('<div/>').css({
        'width':divsize+'px',
        'height':divsize+'px',
        'background-color': color
    });

    var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed();

    $newdiv.css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px',
        'display':'none'
    }).appendTo( 'body' ).fadeIn(100).delay(300).fadeOut(200, function(){
       $(this).remove();
       makeDiv(); 
    }); 
})();

Итак, если бы существовал массив $data, отображающий имена из базы данных, как бы это было достигнуто, показывая на примерах Джеймса, Джона, Мэри и Питера. Таким образом, для каждой записи, которую пользователь вводит в форму, имя показывает всплывающие и исчезающие квадраты в разное время одновременно.