[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 panowie, ale w końcu problem rozwiązałem sam. Dokonałem modyfikacji w założeniach, ale cel jest identyczny. Mianowicie:

Kod JS:

[HTML] pobierz, plaintext 
$(document).ready(function() {
 
window.onload = function() {
var total_listing=jQuery(".lista .ksiazki_linia");
 
$(total_listing).each( function() {
 
 var heightCell = $(this).children().eq(0).height();
 
  $(this).height(heightCell + 20);
 
});
};
 
});
[HTML] pobierz, plaintext 

Kod html:

[HTML] pobierz, plaintext 
<div class="lista">
<div class="ksiazki_linia">
  <div class="ksiazka_produkt" style="height:100px;">
    <img src="blabla.png" alt="" />
  </div>
</div>
 
<div class="ksiazki_linia">
  <div class="ksiazka_produkt" style="height:200px;">
    <img src="blabla.png" alt="" />
  </div>
</div>
</div>
 
<div class="ksiazki_linia">
  <div class="ksiazka_produkt" style="height:300px;">
    <img src="blabla.png" alt="" />
  </div>
</div>
[HTML] pobierz, plaintext