En lugar de intentar crear toneladas de páginas diferentes en mi sitio web, estoy tratando de actualizar el contenido de un único div cuando se hace clic en diferentes elementos de la barra de navegación para actualizar el contenido del div. Traté de encontrar un ejemplo simple usando Javascript:

        <script type="text/javascript">
            function ReplaceContentInContainer(id,content) {
                var container = document.getElementById(id);
                container.innerHTML = content;
            }
        </script>


          <div id="example1div" style="border-style:solid; padding:10px; text-align:center;">
            I will be replaced when you click.
        </div>
        <a href="javascript:ReplaceContentInContainer('example1div', '<img src='2.jpg'>' )">
            Click me to replace the content in the container.
        </a>

Esto funciona bien cuando solo trato de actualizar el texto, pero cuando pongo una etiqueta img allí, como puedes ver, deja de funcionar.

Cualquiera 1) ¿Cuál es el problema con la forma en que estoy tratando de hacerlo? o 2) ¿Cuál es una forma mejor / más fácil de hacerlo?

No estoy atascado en Javascript. jQuery también funcionaría, siempre que sea igual de simple o fácil. Quiero crear una función que me permita pasar el HTML que quiera actualizar e insertarlo en la etiqueta div y eliminar el HTML 'antiguo'.