Hola buenas, estoy intentando enviar variables a php sin tener que recargar la página y ya tengo el script creado, aunque estoy teniendo problemas...

    $('.click').click(function() {
 
        if ($('#res_prop').is(':checked')) {
            var prop_type = $('#res_prop').val();
        }
        else if ($('#com_prop').is(':checked')) {
            var prop_type = $('#com_prop').val();
        }
 
        $.ajax({
            method: "POST",
            url: "/search",
            data: {
                prop_type: prop_type,
                city: $('select[name=city]').val(),
                zone: $('select[name=zone]').val(),
            }
        }).done(function(data) {
            $('.cont-1').hide();
            $('.cont-2').show();
        });
 
        return false;
    });
 

No tengo mucha idea de como funciona Ajax, espero una cosa pero recibo otra, me explico: yo creía que al darle al botón el nuevo código ya compilado sería mostrado automaticamente en la página (sin recargar ni hacer nada más) pero sin embargo me encuentro con que el nuevo código se encuentra dentro de data y no tengo ni idea de como reemplazar el codigo actual (todo el código de la página actual) con el nuevo recibido.

Gracias!