JavaScript - Averiguar alto de un div que se genera dinámicamente

alto = $('.expanded').height();

$(document).ready(function(){

    var alto = $('.expanded').height();

    console.log(alto);

 });

<script type="text/javascript">

$(document).ready(function($){

	var alto1 = $('.imagewrap').height();

	document.getElementById('altoImagewrap').innerHTML = alto1;

	var alto2 = $('.expanded').height();

        console.log(alto2);

        document.getElementById('altoExpanded').innerHTML = alto2;

});

</script>

$(document).ready(function($){

	$('.imagewrap').on('click', fuction() {

                var alto2 = $('.expanded').height();

         }

});

$('.imagewrap').on('click', function() {  // Al hacer click sobre la imagen se ejecuta lo que viene abajo

		$('.workhover').css({display: 'none'}); // se esconde la imagen original sobre la que hacemos hover 

		$('.workactive').css({display: 'block'}); //se muestra una imagen un poco distinta para diferenciarla del resto que hay en la pantalla

 });

$('.close').on('click', function() { // Aquí el evento es para cerrar el div y también para hacer lo contrario de antes

		$('.workhover').css({display: 'block'}); // se vuelve a mostrar la imagen original

		$('.workactive').css({display: 'none'}); // se oculta la imagen que muestra la imagen activa dejándolo todo como al principio.

 });

// Esto es lo mismo que el elemento cerrar. Si hacemos de nuevo click sobre la imagen activa también se cierra el div y se vuelve a esconde una y mostrar la original volviendo al principio.

$('.workactive').on('click', function() {

		$('.workhover').css({display: 'block'});

		$('.workactive').css({display: 'none'});

});

// El objeto $(this), permite hacer referencia al elemento que desencadeno el evento, es decir, el div

// con la clase imagewrap  sobre el que se hizo clic. 

$(document).ready(function() {

	$('.imagewrap').on('click', function() {

		if ($(this).hasClass('active')) {

			$(this).removeClass('active'); // desactivo la imagen actual

		} else {

			$('.imagewrap').removeClass('active'); // desactivo todas las imágenes

			$(this).addClass('active');

		}

	});

	$('.close').on('click', function() {

		$('.imagewrap').removeClass('active');

	});

});

.imagewrap.active .workhover {

	display: none;

}

.imagewrap.active .workactive {

	display: block;

}

.imagewrap.active .workactive .workinfo {

	display: block;

	opacity: 1;

}