How to view generated source by AJAX (or by JS)

One of the challenging things about debugging an AJAX application is that it isn't obvious how to view the html source that is being rendered by the browser after you have made modifications to it via an AJAX callback.  If you use the browser's built-in View Source command then it will show you the source that was used to render the original page, but it will not include any modifications made via javascript/AJAX calls.

If you are trying to view the generated source in Firefox, the simplest way is to first download and install the WebDeveloper extension   Then go to the View Source menu item and select "View Generated Source".
To view the generated source in IE you can type the following in the address bar