[JavaScript] Zmiana wysokości elementu na podstawie drugiego elementu Opcje

[--gecior--]

Mam następujący kod jquery:

[HTML] pobierz, plaintext 
  $(function(){
 
    $(".ksiazka_produkt:first-child").click( function() {
        var ksiazkaProduktHeight = $(this).height();
      $(this).parent().height(ksiazkaProduktHeight + 100).css("border", "1px solid red");
    });
        });
[HTML] pobierz, plaintext 

czym mogę zastąpić click(); aby rozmiar ksiazkaProduktHeight zmieniał się od razu po wczytaniu strony, a nie dopiero po kliknięciu?

[--gecior--]

Dzięki za odpowiedź. Chodzi jednak o to że .ksiazka_produkt może mieć różne wysokości. I w zależności od tych wysokości chciałbym aby element nadrzędny miał dodawaną wysokość o 100px więcej od danego .ksiązka produkt. Poniżej struktura html:

[HTML] pobierz, plaintext 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:50px;"></div>
</div>
 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:150px;"></div>
</div>
[HTML] pobierz, plaintext