Dynamically loading external HTML in a div using Java Script
<p>I have prepared some demo examples for the topic.
There is page name "changelog.html" here:</p>

<p><a href="http://pantheon-studios.in/test/jquery/changelog.html" rel="nofollow">http://pantheon-studios.in/test/jquery/changelog.html</a></p>

<p>This is working fine if loaded directly.</p>

<p>I am trying to load this page dynamically into:</p>

<p><a href="http://pantheon-studios.in/test/jquery/index.html" rel="nofollow">http://pantheon-studios.in/test/jquery/index.html</a></p>

<p>Here changelog.html doesn't behaving as expected.</p>

<p>I think the init script on changelog.html is not getting executed or something else is happening when loading it dynamically.</p>

<p>Like wise I do have couple of other pages using various jQuery and other java scripts plugins. Some of those needs initialization like animatedcollapse.js in the above example, and couple of them doesn't need initialization, you can directly call the script and go. </p>

<p>I also gave a try using:</p>

<pre><code>jQuery.getScript("anim.js")
</code></pre>

<p>after dynamically loading "changelog.html" but doesn't work.</p>

<p>The "anim.js" contains</p>

<pre><code>animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets,hide=1');
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,hide=1');
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1');
animatedcollapse.init();
</code></pre>

<p>I would really appreciate is some one point me out the right direction. I am completely new to web programming so please have some patience with me.</p>

<p>Thanks </p>
