Równa wysokość jQuery

Mam pytanie otóż chciałem zrobić responsywny slider, aby nie koniecznie przy skalowaniu, ale przy odświeżeniu strony obszar .slideArea był równy wysokości .ramka.
Problem polega na tym, że bardzo często po odpaleniu projektu w przeglądarce całość znika i sprawdzając wysokość... równa jest ona 0.
Wywoływałem zmienne alertem i wychodzi na to, że raz jest równy 0 i go nie widać, a innym razem tyle ile powinien i jest widoczny.
Czy wiecie co może być przyczyną?

CSS:

.ramka{position: absolute; top: 0; left: 33px; z-index:1;}
.slideArea{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 289px;
	overflow:hidden;
}

jQuery:

var obszar = $('.slideArea');
	var x = $('.ramka').height();
	
	var hRamka = $('.ramka').css('height');
	obszar.css('height', x);

uruchamiaj skrypty na window.load, nie na document.ready.

Poszukaj też w google za same height pure css - być może rozwiązanie z cssów będzie lepsze