JQuery: cambio de altura basado en otro elemento

Tengo dos DIV: un DIV cambia dinámicamente de tamaño según el navegador (diseño sensible) y quiero que el otro DIV modifique su altura según la altura del primer DIV. Pensé que la forma más fácil de hacer esto sería usar JQuery para cambiar dinámicamente la altura.

Intenté lo siguiente:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')}); 

Sin embargo, ese código no funciona. Tampoco son varias otras versiones de ese trabajo.

Mi pregunta es: ¿Cómo puedo reemplazar una sola propiedad CSS sin cambiar todas las propiedades de un elemento dado?

EDITAR: Así es como se codifica el primer DIV dynamic …

Primero el primer contenedor de DIV:

 position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; margin:0 0.7em 0 0.7em; 

Luego, el objeto interno dentro de ese contenedor (puede no ser relevante):

 position:absolute; top:0; left:0; width:100%; height:100%; 

 $('section#div2').css('height', $('section#div1').height()+'px'); 

Utilizar esta:

 $('section#div2').height($('section#div1').height());