Hallo zusammen, ich etwas probleme mit der synthax vom jQuery-code. Hat wer ne idee wie das richtig geschrieben werden muss?

<script>
    $(document).ready(function() {
    
        var dealWidth = $("#hot-deal").width();
        var dealHeight = $("#hot-deal").height();
        
        $("DIV.out-of-date").css( "width", "dealWidth" );
        $("DIV.out-of-date").css( "height", "dealHeight" );
    
    });
    </script>
    
    <div class="out-of-date">
    blupp
    </div>

Ich hab quasi den div "Hot Deal" und wenn dessen inhalt abgelaufen ist, soll ein weiterer DIV sich genau darüber legen mit ner Info das das Produkt abgelaufen ist. (die info ist aber zweitranging denke ich ...)
Die Höhe des HotDeal-Divs variiert aber immer, also dachte ich ich lese die maße aus und verpasse dem div der darüber liegen soll dessen werte.

Nur ist meine synthax irgendwie falsch ?-?

... hoffe jemand kann mir da nen tipp geben.

Zusammengefasst:
Die maße eines div's sollen per jquery ausgelesen werden und einem weiteren div per css zugewiesen werden :)

gruß GioCece