diff --git a/index.html b/index.html
index 482d4ed99..defee070b 100644
--- a/index.html
+++ b/index.html
@@ -57,6 +57,9 @@ <h2>Have a play.</h2>
 				<div id="editor" class="bypass" style="width: 49%;"></div>
 
 				<div class="controls" style="width: 49%;">
+
+					<p id="charCount">Characters: <span>0</span></p>
+
 					<div class="pull-right">
 						<!--<a href="#" class="btn btn-primary">Download Your Code</a>-->
 						<a href="#" class="btn btn-primary download-pdf">Download PDF</a>
@@ -102,5 +105,22 @@ <h2>Have a play.</h2>
 		<!-- Scripts in development mode -->
 		<script type="text/javascript" src="./examples/js/pdfobject.min.js"></script>
 		<script type="text/javascript" src="./examples/js/editor.js"></script>
+
+		<!-- Character Count -->
+		<script>
+			$(document).ready(function() {
+				var editor = ace.edit("editor");
+				
+				function countCharacters() {
+					var text = editor.getValue();
+					var textWithoutNewlines = text.replace(/(\r\n|\n|\r)/g, ''); 
+					var count = textWithoutNewlines.length;
+					$('#charCount span').text(count);
+				}
+
+				editor.getSession().on('change', countCharacters);
+				countCharacters();
+			});
+		</script>
 	</body>
 </html>