title: How to display AJAX & form content with jQuery in overlays (similar to recreating Lightview displays)?
body: <p>We would like to display a simple checkout flow all within jQuery overlays, but we don't know how to smoothly swap out the content when the user clicks to the next page of the flow. Using an iFrame as the content for the overlay seems to fail, because the overlay code we are using doesn't seem to support iFrames.</p>
  
  <p>The flow is very simple and contains three pages. Page one is a form with one field. Page two is a login screen. Page three is a confirmation screen.</p>
  
  <p>Ideally, the overlay will scale to fit the content in a smooth fashion. It would operate similar to Lightview for AJAX &amp; Forms. (Click "Ajax &amp; Forms" in the Lightview demo section to see what I mean: <a href="http://www.nickstakenburg.com/projects/lightview/" rel="nofollow">http://www.nickstakenburg.com/projects/lightview/</a>.)</p>
  
  <p>1) Is there a free plugin to deliver this experience? Lightview is fairly expensive for a plugin and offers a superset of functionality.</p>
  
  <p>2) If no free plugin exists, what's the best approach for building this in jQuery?</p>
  
  <p>Thanks!</p>