title: Dynamically generated content reloads unchanged
body: <p>I’m just getting to grips with Jquery. </p>
  
  <p>Issue: I want a user to be able to update information from a dynamically generated list by opening the detail in a fancybox for editing (hence I’m using .live with click).  All works except if a user opens a fancybox and then updates information (it posts fine and updates the DB using the below) and then closes and reopens the fancybox window the dynamically generated content reloads unchanged. I guessing that the browser is caching the page. How, can I force the updated information be loaded on reopening the facnybox window?</p>
  
  <p>Also, if you can advise if the below code could be improved.</p>
  
  <pre><code>$(document).ready(function() {
  $("#UpdateLink").live('click', function() { 
     $('#txtHint1').fadeIn('fast').html('&lt;img src="ajax-loader.gif"  /&gt;');
      var formData = $('#UpdateLinkForm').serialize();
          $.ajax({
          type: "POST",
          url: "Link-Updater.asp",
          data: formData,
          success: function(d) {                  
          $('#txtHint1').empty().html(d).delay(800).fadeOut('slow');
          }
      });
  });
  </code></pre>
  
  <p>});</p>
  
  <p>Thank you.</p>