Вывод случайного элемента из массива html-элементов

Итак давайте сверстаем несколько блоков, что бы было с чем работать:

<div id="blocks">
  <div class="block">
    Блок №1
  </div>
  <div class="block">
    Блок #2
  </div>
  <div class="block">
    Блок #3
  </div>
  <div class="block">
    Блок #4
  </div>
</div>

Теперь выберем все блоки с помощью jQuery. Подсчитаем их общее колличество. Отсортируем в случайном порядке и выведем на том же месте.

$(function ()
  {
    var divs = $('#blocks div.block'), div;
    var n = divs.length;
    divs.sort(function()
      {
        return Math.random() - 0.6;
      });


    $('#blocks').empty();
    for (var i=0; i<n; i++)
    {
      $("#blocks").append(divs[i]);
    };
  });
  

Вот и весь скрипт и PHP нам не нужен. Хотя конечно такие операции проводить лучше именно на сервере посредством PHP а не javascript. Но бывает что под рукой есть не все инструменты.