CSS устанавливает div 'top' с помощью jquery из div 'height'

У меня есть шаблон с большим количеством абсолютного позиционирования, теперь мой основной текстовый элемент имеет динамическую высоту, и мне нужен динамический нижний колонтитул, который следует за этим.

Я попытался установить верхнее состояние нижнего колонтитула div со значением высоты из текстового div.

 <script type="text/javascript">
    $("#footer").top($("#text").height());
    </script>

К сожалению, инструменты Chrome Dev выдают ошибку:

Uncaught TypeError: Object [object Object] не имеет метода 'top' (анонимная функция)

Итак, есть идеи или помощь в решении моей проблемы?

Редактировать:

Итак, я попробовал

 $('#footer').css('top', $('#text').outerHeight() + 'px');

, и это работает хорошо, можно ли добавить несколько пикселей к этому верхнему значению?