¿Por qué la fuente html no cambia cuando el DOM se actualiza dinámicamente?

Publiqué una pregunta antes de la inconsistencia de jQuery al configurar el atributo de solo lectura en IE-8 y FF-3.5.8 y quedé bastante satisfecho con la respuesta.

Pero sí noté que si actualizas dinámicamente (¿cualquier?) Elementos del DOM, y luego ves la fuente (usando la fuente de la vista del navegador), encuentro que el atributo del elemento DOM actualizado conserva su valor anterior (antes de la actualización). Sin embargo, si usa la barra de herramientas de Firebug / IE Developer, muestra el DOM actualizado

Ejemplo: http://gutfullofbeer.net/readonly.html

FF3.5-Ver página Fuente:

    $(function() { $('input.readonly').attr('readonly', true);//set input with CSS class readonly to readonly });    This one is read-only
This one is not read-only

Aquí, el primer cuadro de texto está configurado como de solo lectura en el método document.ready de jQuery. Ver la fuente con el navegador daría un marcado como

  

y Firebug dará algo como

  

Barra de herramientas del desarrollador IE8:

Así que supongo que el navegador (IE8 / FF3.5) genera la fuente html mucho antes de que los eventos DOM entren en vigor (en mi caso es jQuery’s document.ready() )

¿Puede alguien decirme qué está sucediendo detrás de la escena?

La fuente de la vista es la fuente descargada al navegador. Lo que sucede en la memoria no se actualiza en la fuente.

Varios navegadores tienen inspectores DOM, por ejemplo, Safari 4.0 tiene un excelente navegador DOM que le ayuda a ver dinámicamente los elementos generados dinámicamente y sus estilos CSS.