conflict mulitple .load() events of jquery
===

i have load the data with the `$('#result').load('test.php')` file, that is completely working properly.  

here is the `test.php` screenshoot
![enter image description here][1]
  
now here is my loaded file in lightbox:
![enter image description here][2]

In my `test.php` 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:

    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'
			});
		});

with this my new loaded file that is `test_file.php` appearing well in the lightbox but my last loaded file `test.php` disappearing on lightbox, as you see on the second screenshoot only lightbox appear not the details in the background like first screenshoot.  
  
Please help me to stop disappearing my last loaded file(`test.php`) also.


**NOTE:** i have also use `.load()` function in lighbox to load the url.


  [1]: http://i.stack.imgur.com/adgb7.jpg
  [2]: http://i.stack.imgur.com/8SHof.jpg