jquery codes not working in the loaded external html file
<p>i am using this code to load a external html file into main <code>index.php</code> file.</p>

<pre><code>$(document).ready(function(){
    $(".fld").click(function(){
        $("#collection").load($(this).attr("name"));
    });
});
</code></pre>

<p>the codes gets data from this html file,<br/>
<code>&lt;a class="fld" name="external.html" href="#"&gt;Folder 1&lt;/a&gt;</code><br/><br/>
Here is the external.html file<br/>
<code>&lt;a class="song" href="#" name="http://impk.co.in/sound/sound1.mp3"&gt;Song1&lt;/a&gt;</code></p>

<p>Now after loading that <code>external.html</code> file into <code>index.php</code> jquery functions are not working for that <code>external.html</code> file only. rest jquery functions are still working.<br/></p>

<p><a href="http://impk.co.in/error/" rel="nofollow">This is the demo link to the website
</a></p>
