<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" 
      content="text/html; charset=utf-8" />
    <title>The first jQuery example</title>
    <script type="text/javascript" 
	  src="lib/jquery-1.5.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#a").click(function(){
          $("#output").html("Boring :-(");
        });
        $("#b").click(function(){
          $("#output").html("A nice game :-)");
        });
        $("#c").click(function(){
          $("#output").html("A strange game. " +  
		  "The only winning move " + 
              "is not to play.");
        });
      });
    </script>
  </head>
  <body>
    <h1>Welcome to WOPR</h1>
    <h3>Shall we play a game?</h3>
    <button id="a">Tic Tac Toe</button>
    <button id="b">Chess</button>
    <button id="c">
      Worldwide Thermonuclear War</button>
    <div id="output"></div>
  </body>
</html>