Hacer que jquery funcione en la función con el contenido cargado de AJAX

Estoy teniendo problemas para que una función de "clic" funcione con el contenido cargado de AJAX.

He trabajado con jquery .live antes, pero esta es la primera vez que .on y entiendo que funciona exactamente de la misma manera, por lo que no estoy seguro de por qué tengo problemas.

A continuación se muestra el HTML que da el elemento en el que hace clic

<code>    <h1>Press &amp; Media</h1>
    <div id="back"></div>
    <div id="overlay-content">
        <span id="edocs" class="tab"></span>
        <span id="news" class="tab"></span>
        <span id="partners" class="tab"></span>
    </div>
</code>

A continuación se muestra la función que carga el contenido de AJAX.

<code>    $("#overlay-content").on('click','#news',function() {
        var active = 1;
        $("#loading").show();
        $("#overlay-content").fadeOut(1000, function() {
            $.get("http://<? echo ROOT; ?>includes/functions.php", { pressmediaNews: active }, function(data) {
                $("#loading").hide(400);
                $("#overlay-content").empty().append(data).fadeIn(1000);
            });
        });
    });
</code>

Esto debería cargar el siguiente HTML

<code>    <div id="news-left-panel">
        <h4>News Section</h4>
        <ul>
            <li id="newsID2" class="newsYear">
                <p>2012</p>
                <ul class="newsMonths" style="display:none">
                    <li>Jan
                        <ul class="newsArticles" style="display:none">
                            <li onClick="newsID(2)">test</li>
                        </ul>
                    </li>
                    <li>Feb</li>
                    <li>Mar</li>
                </ul>
            </li>
            <li id="newsID1" class="newsYear">
                <p>2011</p>
                <ul class="newsMonths" style="display:none">
                    <li>Dec
                        <ul class="newsArticles" style="display:none">
                            <li onClick="newsID(1)">Test</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</code>

Ahora el código anterior simplemente no se ejecutará, mostrará cualquier error, etc. en Firebug.

Así que estoy un poco perdido en cuanto a por qué no se ejecuta, la alerta () incluso no se ejecuta.

Respuestas a la pregunta(7)

Su respuesta a la pregunta