clarkdave/index.html

## index.html
<!doctype html>
<html>
<head>
	<title>ZombieJS test</title>
	<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
</head>
<body>
	<a href='#' id='clicker1'>Clicker one</a>
	<a href='#' id='clicker2'>Clicker two</a>
	<a href='#' id='clicker3'>Clicker three</a>
	<script>
		$(document).ready(function() {
			$('#clicker1').bind('click', function() {
				console.log('Clicked one');
			});

			$('body').delegate('#clicker2', 'click', function() {
				console.log('Clicked two');
			});

			// preferred way to do delegation in jQuery 1.7+
			$('body').on('click', '#clicker3', function() {
				console.log('Clicked three');
			})
		});
	</script>
</body>
</html>

## test-clicks.js
var Zombie = require('zombie');

var browser = new Zombie();

browser.visit('http://localhost:8000', function() {

	browser.clickLink('Clicker one', function() {

		console.log('--> Callback fired for clicker one');

		browser.clickLink('Clicker two', function() {

			console.log('--> Callback fired for clicker two');

			browser.clickLink('Clicker three', function() {
				console.log('--> Callback fired for clicker three');
			});
		});
	});
});
	<!doctype html>
	<html>
	<head>
	<title>ZombieJS test</title>
	<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
	</head>
	<body>
	<a href='#' id='clicker1'>Clicker one</a>
	<a href='#' id='clicker2'>Clicker two</a>
	<a href='#' id='clicker3'>Clicker three</a>
	<script>
	$(document).ready(function() {
	$('#clicker1').bind('click', function() {
	console.log('Clicked one');
	});

	$('body').delegate('#clicker2', 'click', function() {
	console.log('Clicked two');
	});

	// preferred way to do delegation in jQuery 1.7+
	$('body').on('click', '#clicker3', function() {
	console.log('Clicked three');
	})
	});
	</script>
	</body>
	</html>
	var Zombie = require('zombie');

	var browser = new Zombie();

	browser.visit('http://localhost:8000', function() {

	browser.clickLink('Clicker one', function() {

	console.log('--> Callback fired for clicker one');

	browser.clickLink('Clicker two', function() {

	console.log('--> Callback fired for clicker two');

	browser.clickLink('Clicker three', function() {
	console.log('--> Callback fired for clicker three');
	});
	});
	});
	});