conflict mulitple .load() events of jquery
<p>i have load the data with the <code>$('#result').load('test.php')</code> file, that is completely working properly.  </p>

<p>here is the <code>test.php</code> screenshoot
<img src="http://i.stack.imgur.com/adgb7.jpg" alt="enter image description here"></p>

<p>now here is my loaded file in lightbox:
<img src="http://i.stack.imgur.com/8SHof.jpg" alt="enter image description here"></p>

<p>In my <code>test.php</code> file i also load another file in a lightbox with on click event. The lightbox appear correctly with the new loaded file. here is the code to call the lighbox:</p>

<pre><code>jQuery('#wt_opp_coll .coun').click(function(){
        jQuery(this).jpLightBox({
            width: 500,
            height: 250,
            url: 'components/content/test_file.php'
            //message: 'Just Testing the file'
        });
    });
</code></pre>

<p>with this my new loaded file that is <code>test_file.php</code> appearing well in the lightbox but my last loaded file <code>test.php</code> disappearing on lightbox, as you see on the second screenshoot only lightbox appear not the details in the background like first screenshoot.  </p>

<p>Please help me to stop disappearing my last loaded file(<code>test.php</code>) also.</p>

<p><strong>NOTE:</strong> i have also use <code>.load()</code> function in lighbox to load the url.</p>
