JQuery: Zmiana wysokości na podstawie innego elementu

Mam dwa DIVy: jeden DIV dynamicznie zmienia rozmiar w oparciu o przeglądarkę (responsywny projekt), a ja chcę, aby drugi DIV zmodyfikował swoją wysokość na podstawie wysokości pierwszego DIV. Myślałem, że najprostszym sposobem na to będzie użycie JQuery do dynamicznej zmiany wysokości.

Próbowałem:

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

Jednak ten kod nie działa. Nie ma też różnych innych wersji tego działania.

Moje pytanie brzmi: w jaki sposób mogę zastąpić jedną właściwość CSS bez zmiany wszystkich właściwości danego elementu?

EDYCJA: W ten sposób kodowany jest dynamiczny pierwszy DIV ...

Najpierw pierwszy kontener DIV:

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

Następnie wewnętrzny obiekt w tym kontenerze (może nie być istotny):

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

questionAnswers(2)

yourAnswerToTheQuestion