<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>CoffeeScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
<script type="text/coffeescript">
test = (x) ->
" from #{x}"
$ ->
$('#message').text(test("CoffeeScript!"))
$('#link').bind 'click', (event) =>
$('#message').text(test("a click!"))
</script>
</head>
<body>
<h1>Hello <span id="message"></span></h1>
</body>
</html>