Random Shuffle Sort CMS Items

random-shuffle.js

$.fn.shuffle = function() {
  $.each(this.get(), function(index, el) {
    var $el = $(el);
    var $find = $el.children();
    var i = $find.length, k , temp;
    
     while(--i > 0) {
        k = Math.floor(Math.random() * (i+1));
        temp = $find[k];
        $find[k] = $find[i];
        $find[i] = temp;
     }

    $el.empty();
    $find.appendTo($el);
  });
};

// Element you want to target and shuffle on page load
$(function() {
    $(".collection-list").shuffle();
});