Untitled

<html>

<head>
  <script type="text/javascript" src="jquery-1.6.2.js"></script>
  <script type="text/javascript" src="jquery-ui-1.9m6.js"></script>
</head>

<body>
  <p>Autocomplete: <input type="text" id="autocomplete" /></p>
  <p>Textbox: <input type="text" id="text" /></p>
  <button id="logclear">Clear log</button>
  <ul id="log"></ul>

  <script type="text/javascript">
    // Simple event logging
    var logEvent = function(e) {
      $('#log').append('<li>' + e.type + ': ' + e.keyCode + '</li>');
    }

    // Create an autocomplete
    $('#autocomplete').autocomplete();

    // Log what's typed in the text field
    $('#text').bind({
      keydown: logEvent,
      keypress: logEvent
    });

    // Nice log display
    $('#log').css({
      height: '400px',
      border: 'solid 1px #000',
      overflow: 'scroll'
    });

    // Clear log button handling
    $('#logclear').button().click(function() {
      $('#log').empty();
    });
  </script>
</body>

</html>