document.ready is to slow, it takes like 2min to load
<p>I have some problem using document.ready, it slows down the loading time with sometimes up to two minutes.</p>

<p>I saw this link : <a href="http://encosia.com/dont-let-jquerys-document-ready-slow-you-down/" rel="nofollow">http://encosia.com/dont-let-jquerys-document-ready-slow-you-down/</a></p>

<p>So my question is, how can I use that approach instead of document.ready ?</p>

<p>here's my document.ready function inside custom.js file.</p>

<pre><code>$(document).ready(function () {
  setBudgetPeriodReadOnly();
  adjustTablePerBudgetNiva(budgetNiva);
  disableDeletedAccounts();
  allowedKeyCodes();
  showHideZeroRowsEvent();
  removeZeroOnClick();
  bindMouseOverOutEvent();
  bindTableRowEvents();
  returnAsTabEvent();
  budgetNivaChangedEvent();
</code></pre>

<p>});</p>

<p>as you see it contains some funtions, and those functions using child functions and so on.</p>

<p>here's a sample of a function using live</p>

<pre><code>function bindMouseOverOutEvent() {    
$('#budgetTable tr').live({
    mouseover: function () {
        $(this).find('td:eq(6)')
               .removeClass('budgetBelopp')
               .end().toggleClass('budgetTable-hover');
    },
    mouseout: function () {
        $(this).find('td:eq(6)')
               .addClass('budgetBelopp')
               .end().toggleClass('budgetTable-hover');

    }
});
</code></pre>

<p>}</p>

<p>but its not working because its wrapped in a function, and I want them to be wrapped so I see on the function name what the function is doing. </p>

<p>I'm also new to jQuery.</p>
