JQuery: Cambiar la altura según otro elemento

Question

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

He intentado lo siguiente:

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

Sin embargo, ese código no está funcionando. Tampoco hay otras versiones de eso funcionando.

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

EDIT: Esta es la forma de codificar la primera DIV dinámico ...

El primer recipiente de la primera DIV:

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

Entonces, el objeto interno dentro de ese contenedor (puede que no sea importante):

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

Answer 1

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

Answer 2

Utilice esta:

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