Listing 5. ubbi2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.ubbi.js"></script>

    <script type="text/javascript">
      $(document).ready(function() {
                            $(".ubbi").ubbi();
                        });
    </script>

    <link rel="stylesheet" type="text/css"
          media="screen" href="ubbi.css" />

   <title>Ubbi Dubbi</title>
  </head>
  <body>
    <h1>Ubbi Dubbi</h1>
    <p class="ubbi">This is not in Ubbi Dubbi.</p>
    <p class="ubbi">
      Today, we will learn how to make cereal.
      First, pour the cereal into a bowl.
      Then pour milk onto the cereal.
      Finally, eat the cereal with a spoon. Delicious!
    </p>
  </body>
</html>

