mostlygeek/gist:495691

## gistfile1.txt
<!DOCTYPE html5>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Testing of Components</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function() {
    // benchmark async fetching of 10 files
    for (var i=0; i < 10; i++) {
        // required to do it this way otherwise closures don't work
        // correctly.
        (function(i) {
            var start = new Date().getTime();
            $.get('data.txt', function(data) {
                var time = (new Date().getTime()) - start;
                $('#output').append("Run: " + i + " took " + time + "ms <br/>");
            });
        })(i); // tada!
    }
});
</script>
    </head>
    <body id="output">

    </body>
</html>
	<!DOCTYPE html5>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Testing of Components</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script>
	$(function() {
	// benchmark async fetching of 10 files
	for (var i=0; i < 10; i++) {
	// required to do it this way otherwise closures don't work
	// correctly.
	(function(i) {
	var start = new Date().getTime();
	$.get('data.txt', function(data) {
	var time = (new Date().getTime()) - start;
	$('#output').append("Run: " + i + " took " + time + "ms <br/>");
	});
	})(i); // tada!
	}
	});
	</script>
	</head>
	<body id="output">

	</body>
	</html>