Listing 6.18: non-working click handling of ajax-loaded elements.

Chapter 6/06.js

@@ -76,7 +76,7 @@ $(document).ready(function () {
   $('#letter-e a').click(function (event) {
     event.preventDefault();
     var requestData = { term: $(this).text() };
-    $.get('z.php', requestData, function (data) {
+    $.get('e.php', requestData, function(data) {
       $('#dictionary').html(data);
     }).fail(function (jqXHR) {
       $('#dictionary')
@@ -101,4 +101,8 @@ $(document).ready(function () {
   }).ajaxStop(function () {
     $loading.hide();
   });
+
+  $('h3.term').click(function () {
+    $(this).siblings('.definition').slideToggle();
+  });
 });