lmccart/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>jQuery demo</title>
    <link rel="stylesheet" href="style.css"></link>
    <script src="jquery.js"></script>
    <script src="main.js"></script>
  </head>
  <body>
    <!-- delete any width and height info from url -->

    <div class='random'>item 1</div>
    <div class='random'>item 2</div>
    <div class='random'>item 3</div>
    <div class='random'>item 4</div>

  </body>
</html>

## main.js
$(document).ready(function() {

  function shuffle(array) {
    var currentIndex = array.length, temporaryValue, randomIndex;

    // While there remain elements to shuffle...
    while (0 !== currentIndex) {

      // Pick a remaining element...
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex -= 1;

      // And swap it with the current element.
      temporaryValue = array[currentIndex];
      array[currentIndex] = array[randomIndex];
      array[randomIndex] = temporaryValue;
    }

    return array;
  }


  var elements = $('.random');
  elements.remove();

  shuffle(elements);

  for (var i=0; i < elements.length; i++) {
    $('body').append(elements[i]);
  }

});

## style.css
.random:nth-child(1) {
  position: absolute;
  left: 100px;
  top: 200px;
}

.random:nth-child(2) {
  position: absolute;
  left: 200px;
  top: 500px;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>jQuery demo</title>
	<link rel="stylesheet" href="style.css"></link>
	<script src="jquery.js"></script>
	<script src="main.js"></script>
	</head>
	<body>
	<!-- delete any width and height info from url -->

	<div class='random'>item 1</div>
	<div class='random'>item 2</div>
	<div class='random'>item 3</div>
	<div class='random'>item 4</div>

	</body>
	</html>
	$(document).ready(function() {

	function shuffle(array) {
	var currentIndex = array.length, temporaryValue, randomIndex;

	// While there remain elements to shuffle...
	while (0 !== currentIndex) {

	// Pick a remaining element...
	randomIndex = Math.floor(Math.random() * currentIndex);
	currentIndex -= 1;

	// And swap it with the current element.
	temporaryValue = array[currentIndex];
	array[currentIndex] = array[randomIndex];
	array[randomIndex] = temporaryValue;
	}

	return array;
	}


	var elements = $('.random');
	elements.remove();

	shuffle(elements);

	for (var i=0; i < elements.length; i++) {
	$('body').append(elements[i]);
	}

	});
	.random:nth-child(1) {
	position: absolute;
	left: 100px;
	top: 200px;
	}

	.random:nth-child(2) {
	position: absolute;
	left: 200px;
	top: 500px;
	}