JQuery: Zmiana wysokości na podstawie innego elementu

Question

Mam dwa DIV: jeden DIV dynamicznie zmienia rozmiar w oparciu o przeglądarkę (responsywny projekt) i chcę, aby inny DIV zmodyfikował jego wysokość w oparciu o wysokość pierwszego DIV. Sądziłem, że najłatwiejszym sposobem na to byłoby użycie JQuery do dynamicznej zmiany wysokości.

Próbowałem następujące:

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

jednak, że kod nie działa. Nie ma też różnych innych wersji tego działającego.

Moje pytanie brzmi: Jak mogę zamienić pojedynczą właściwość CSS bez zmiany wszystkich właściwości dla danego elementu?

EDIT: Jest to, w jaki sposób dynamiczny pierwszy DIV jest kodowana ...

Pierwszy pojemnik pierwszego div:

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

Następnie wewnętrzna obiekt w tym pojemniku (nie mogą być istotne):

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

Answer 1

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

Answer 2

Użyj tego:

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