¿Cómo enlazar los eventos en el contenido cargado de Ajax?

Tengo un linkmyLink, que debería insertar contenido cargado de AJAX en undiv (appendedContainer) de mi página HTML. El problema es que laclick el evento que he enlazado con jQuery no se está ejecutando en el contenido recién cargado que se inserta en el appendedContainer. losclick el evento está vinculado a elementos DOM que no están cargados con mi función AJAX.

¿Qué tengo que cambiar, para que el evento esté vinculado?

Mi HTML:

<a class="LoadFromAjax" href="someurl">Load Ajax</a>
<div class="appendedContainer"></div>

Mi JavaScript:

$(".LoadFromAjax").on("click", function(event) {
    event.preventDefault();
    var url = $(this).attr("href"),
        appendedContainer = $(".appendedContainer");

    $.ajax({
    url: url,
    type : 'get',
    complete : function( qXHR, textStatus ) {           
        if (textStatus === 'success') {
            var data = qXHR.responseText
            appendedContainer.hide();
            appendedContainer.append(data);
            appendedContainer.fadeIn();
        }
      }
    });

});

$(".mylink").on("click", function(event) { alert("new link clicked!");});

El contenido a cargar:

<div>some content</div>
<a class="mylink" href="otherurl">Link</a>

Respuestas a la pregunta(8)

Su respuesta a la pregunta