jquery load event on create image dynamically
<p>I am using load event for retireve content of one page to another page. Below the content of main page</p>

<pre><code>&lt;div class="header"&gt;&lt;/div&gt;
&lt;div class="content" id="container"&gt;
    &lt;div class="sub_nav" id="sub_nav"&gt;
        &lt;div class="sub_dyn"&gt;
            &lt;img id="menu_project_tool" src="images/menu-btn.png" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="vs-context-menu nav" id="nav"&gt;&lt;/div&gt;

    &lt;div class="clearfix"&gt;
        &lt;div class="clearfix_bot"&gt;
            &lt;div class="main_sidebar"&gt;&lt;/div&gt;
            &lt;div class="right_sidebar"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="overlay" id="overlay"&gt;&lt;/div&gt;
    &lt;div class="popup" id="popup"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="footer"&gt;&lt;/div&gt;
</code></pre>

<p>And this is script which i used on main page</p>

<pre><code>window.onload = function(){
    $("div.header").load("header.html");
    $("div.main_sidebar").append('&lt;div class="project_steps"&gt;&lt;/div&gt;');
    $("div.main_sidebar").append('&lt;div class="project_subset_criterion"&gt;&lt;/div&gt;');
    $("div.right_sidebar").append('&lt;div class="project_subset_criterion_accordion"&gt;&lt;/div&gt;');
    $("div.project_steps").load("temp/project_steps.html");
    $("div.project_subset_criterion").load("temp/project_subset_criterion.html");
    $("div.project_subset_criterion_accordion").load("temp/project_subset_criterion_accordion.html");
    $("div.footer").load("footer.html");

    Create_Image('&lt;img /&gt;','new_sc_tool','images/icons/NewStarburst.gif','New Subset Criterion');

}


$(document).ready(function(){

    Create_Image = function(Type,Id,Src,Title){
                        $(Type, {id:Id, src:Src, title:Title}).appendTo("#toolbar_subset_criterion");
                   }

});
</code></pre>

<p>i have call "Create_Image" function to create dynamic image on second page but it can't work. But i add alert box in above function to check function is called or not, in which condition image is created but remave that alert box image isn't created. this is my second page content where i have create the image dynamically</p>

<pre><code>&lt;div class="heading_subset_criterion"&gt;
    &lt;img id="scimg_arrow_down" src="images/arrow_down.png" /&gt;&amp;nbsp;&amp;nbsp;
    &lt;b&gt;Project Subset Criterion&lt;/b&gt;
&lt;/div&gt;

&lt;div class="toolbar_subset_criterion" id="toolbar_subset_criterion"&gt;&lt;/div&gt;

&lt;div class="content_subset_criterion"&gt;&lt;/div&gt;
</code></pre>

<p>give me any idea to complete the above event</p>
