jquery not running from <body>
<p>I'm calling a function that's loaded in custom js file in the header.</p>

<pre><code>&lt;head&gt;

&lt;script type="text/javascript" src="/js/jquery-1.5.min.js"&gt;&lt;/script&gt; 
&lt;script type="text/javascript" src="/js/my.js"&gt;&lt;/script&gt;
</code></pre>

<p>my.js has </p>

<pre><code>$(document).ready(function(){
    function testFunction(){ 
        alert("inside testfunction");
    }
});
</code></pre>

<p>after a few clicks, this is loaded in the <code>&lt;body&gt;</code>:</p>

<pre><code>$("#someid").live($.myapp.event.play, function(event) {
    alert("this works");
    testFunction();
});
</code></pre>

<p>the alert "this works", fires, but then nothing happens, what am I doing wrong?</p>
