problemas con ajax y js

[destor77]

Hola,
estoy teniendo problemas cuando cargo un html por ajax me pierde la referencia del js.
Por ejemplo este es mi index:


como ven el filtro de busqueda se muestra correctamente, pero cuando hago click en el menu log de acceso se me ve así:



se me pierde la referencia del js para cambiar el estilo en el filtro de busqueda.

El codigo que uso para el ajax es este:

Código Javascript:

function envioAjax(link){
    var url ;
    url = link;
    $.ajax({
        async:true,
        type: "GET",
        dataType: "html",
        contentType: "application/x-www-form-urlencoded",
        url: url,
        cache: false,
        beforeSend:inicioEnvio,
        success: procesarDatos
    });
 
}
function procesarDatos(html){
    $("#preloader").hide();
    $("#wrapper").css({
        'opacity' : 1
    });
    $("#main").empty();
    $("#main").append(html);
    $("#main").insertAfter("#sidebar");
}
function inicioEnvio()
{
    var x = $("#preloader");
    var y = $("#wrapper");
    y.css({
        'opacity' : 0.3
    });
    x.css("display","block");
}
 

y el archivo a cargar es un php que contiene el html, no entiendo porque al cargar por ajax no mantiene esa referencia (si es que es la referencia al js).
Otra cosa que me llamo la atención es que cuando quiero ver el codigo fuente de la pagina me muestra siempre el del index por mas que me haya cargado el otro archivo por ajax, esto es correcto?

Espero que se haya entendido mi duda y que me puedan dar una mano, desde ya muchas gracias!!!