diff --git a/index.html b/index.html
index 327236c8b2d60663b59b0049618059a50d9cff7f..e67b3e8fbbb5e181918860998ff15e90f00637d0 100644
--- a/index.html
+++ b/index.html
@@ -255,7 +255,7 @@
 
 			// Example of binding an event to a state. This listener will trigger
 			// when the slide with 'data-state="blurred"' is opened.
-			document.querySelector( '#reveal' ).addEventListener( 'blurred', function() {
+			document.addEventListener( 'blurred', function() {
 				
 			}, false );
 
diff --git a/js/reveal.js b/js/reveal.js
index e35b8de89f6cc1cdac20da7a29dbcfabf86f4d11..0fb4c6102f08d53033d4801f6762da69edf9fd8a 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -513,8 +513,8 @@ var Reveal = (function(){
 
 			// Dispatch custom event
 			var event = document.createEvent( "HTMLEvents" );
-			event.initEvent( state[i], false, true );
-			dom.wrapper.dispatchEvent( event );
+			event.initEvent( state[i], true, true );
+			document.dispatchEvent( event );
 		}
 
 		// Clean up the remaints of the previous state