JQuery executing onLoad
<p>So I'm trying to execute a function on a component when the page loads.  This is what I have so far.</p>

<pre><code>$(document).ready(function() {
  var $foo = $('#data_lost').hide();

  $f = function () {
    doSomething...
  };

  $foo.change($f);
});
</code></pre>

<p>So this all works fine and dandy.  Here's the problem.  I also need $f executed on $foo when the page loads.  I tried setting $foo.ready($f), but that doesn't work.  I tried setting it inside and outside of document.ready().  Neither options work.  I'm assuming that doing it outside doesn't work because the tag doesn't exist until document is ready, and doing it inside doesn't work because when the document is ready, the tag has already become ready, so it won't ever be ready again, so $f isn't called.</p>

<p>Ideas??</p>

<p>TIA!</p>
