JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<span id='result1'></span>
<br/>
<span id='result2'></span>
<br/>
<span id='result3'></span>
<br/>
<span id='result4'></span>

JavaScript

var Article = Backbone.Model.extend({});

var Articles = Backbone.Collection.extend({
    model: Article
});

var articles = new Articles([{
    title: 'Article 1'},
{
    title: 'Article 2'},
{
    title: 'Article 3'}]);

$(function() {

    $('#result1').html(articles.length);

    articles.each(function(article, index) {
        if (index !== 0) {
            $('#result2').append(', ');
        }
        $('#result2').append(article.get('title'));
    });

    articles.push(articles.shift());

    articles.each(function(article, index) {
        if (index !== 0) {
            $('#result3').append(', ');
        }
        $('#result3').append(article.get('title'));
    });

    articles.models = articles.shuffle();

    articles.each(function(article, index) {
        if (index !== 0) {
            $('#result4').append(', ');
        }
        $('#result4').append(article.get('title'));
    });

});