Multiple evaluates in PhantomJS work fine

gistfile1.js

var page = require('webpage').create();

var click = function( selector, callback ){
	page.evaluate( function( selector ) {
		var element = document.querySelector(selector);
		var event = document.createEvent('MouseEvent');
		event.initEvent('click', true, true);
		element.dispatchEvent(event);
		return true;
	}, selector );
	callback();
};

var wait = function( time, callback ){
	setTimeout( callback, time );
};

var type = function( selector, text, callback ){
	page.evaluate( function( selector ){
	   document.querySelector( selector ).focus();
	   return true;
	}, selector);
	for (var i = 0, len = text.length; i < len; i++){
    		page.sendEvent( 'keypress', text[i], null, null, 0 );
    	}
	callback();
}

page.open('https://github.com', function(status) {
  	console.log("opened github? ", status);
	click('a[href="/login"]', function(){
		wait( 2000, function(){
			type( 'input[name=login]', 'myusername', function(){
				type( 'input[name=password]', 'mypassword', function(){
					page.render('out.png');
					phantom.exit();
				});
			});
		});
	});  	
});