Eu tenho dois DIVs: Um DIV muda dinamicamente o tamanho com base no navegador (design responsivo) e eu quero que o outro DIV modifique sua altura com base na altura do primeiro DIV. Eu pensei que a maneira mais fácil de fazer isso seria usar o JQuery para alterar dinamicamente a altura.

Eu tentei o seguinte:

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

No entanto, esse código não está funcionando. Tampouco existem várias outras versões disso funcionando.

Minha pergunta é: Como posso substituir uma única propriedade CSS sem alterar todas as propriedades de um determinado elemento?

EDIT: É assim que o primeiro DIV dinâmico é codificado ...

Primeiro o primeiro contêiner do DIV:

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

Então, o objeto interno dentro desse contêiner (pode não ser relevante):

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