Функция запуска при загрузке страниц

Question

Я хочу вызвать функцию, когда страница загружается, чтобы показать значения в m2 и totalpris, но мой document.onlods() убивает функции. Не знаю, что я сделал неправильно (cauase я не понимаю JavaScripts actuallay :)) Но функция работает без моих OnLoad строк

<input id="bredd" type="text" value="2" /> 
<input id="djup" type="text" value="3" /> 
<input id="m2" type="text" value="" /> 
<input id="m2pris" type="text" value="500" /> 
<input id="totalpris" type="text" value="" /> 

<script> 
$(document).ready(function(){ 
    document.onload=ready(document.getElementById('m2')); 
    document.onload=ready(document.getElementById('totalpris')); 

    $('#bredd').keyup(calculate); 
    $('#djup').keyup(calculate); 
    $('#m2pris').keyup(calculate); 
}); 

function calculate(e) 
{ 
    $('#m2').val($('#bredd').val() * $('#djup').val()); 
    $('#totalpris').val($('#m2').val() * $('#m2pris').val()); 
} 
</script> 

Answer 1

$.ready() 

Описание: Укажите функцию, которая выполняется при DOM полностью загружена.

$(document).ready() { 
    calculate(); 
    //and anything else 
}