Problems with ajax call in IE
I am fairly new to ajax and jquery so I am sure I have made a simple error here but hours of trawling google have not helped me so i am really hoping someone here can. The code for the ajax call is below. It may or may not be relevent but the code below is itself being loaded by an ajax call very similar to the one below.

The content is loading fine in all browsers but the code within the ajax complete function isn't working in IE9 - jscrollpane is not being loaded and the jquery to resize elements is not working. The code works fine in the latest versions of FF and safari. Please let me know if you need to see any of the other code. Any help would be much appreciated.

    $('ul.sort_ul li, ul.cat_items li').click(function(){
		if(!$(this).hasClass('sort_cat')){
			$('ul.sort_ul li, ul.cat_items li').removeClass('active');
			$(this).addClass('active');
		  	var sid=$(this).attr('id');
		  	var loadUrlx='<? base_url(); ?>games/ajax_dbr';
		  	if((sid!='')&&(sid!='undefined')){loadUrlx+='/'+sid}
		  	$.ajaxSetup ({cache: false}); 
    	  	var ajax_load = "<div class=\"loader_res_small\"><img src='http://www.imgshack.co.uk/images/site/ajaxloader.gif' alt='loading...' /></div>";
		  	$("#result_area").html(ajax_load).load(loadUrlx);
		  		$('#result_area').ajaxComplete(function() {
					$('#result_area').jScrollPane();
					
					//get td width and set width of table headers
					var tdname = $(".tdname").width();
					$("#s_name").width(tdname-11); 
					var tdcat = $(".tdcat").width();
					$("#s_cat").width(tdcat-10);
					var tdur = $(".tdrateu").width();
					$("#s_ur").width(tdur-10);
					var tdor = $(".tdrateo").width();
					$("#s_or").width(tdor-10);
					
	      	});
		}
	  
});
Problems with ajax call in IE
===

I am fairly new to ajax and jquery so I am sure I have made a simple error here but hours of trawling google have not helped me so i am really hoping someone here can. The code for the ajax call is below. It may or may not be relevent but the code below is itself being loaded by an ajax call very similar to the one below.

The content is loading fine in all browsers but the code within the ajax complete function isn't working in IE9 - jscrollpane is not being loaded and the jquery to resize elements is not working. The code works fine in the latest versions of FF and safari. Please let me know if you need to see any of the other code. Any help would be much appreciated.

    $('ul.sort_ul li, ul.cat_items li').click(function(){
		if(!$(this).hasClass('sort_cat')){
			$('ul.sort_ul li, ul.cat_items li').removeClass('active');
			$(this).addClass('active');
		  	var sid=$(this).attr('id');
		  	var loadUrlx='<? base_url(); ?>games/ajax_dbr';
		  	if((sid!='')&&(sid!='undefined')){loadUrlx+='/'+sid}
		  	$.ajaxSetup ({cache: false}); 
    	  	var ajax_load = "<div class=\"loader_res_small\"><img src='http://www.imgshack.co.uk/images/site/ajaxloader.gif' alt='loading...' /></div>";
		  	$("#result_area").html(ajax_load).load(loadUrlx);
		  		$('#result_area').ajaxComplete(function() {
					$('#result_area').jScrollPane();
					
					//get td width and set width of table headers
					var tdname = $(".tdname").width();
					$("#s_name").width(tdname-11); 
					var tdcat = $(".tdcat").width();
					$("#s_cat").width(tdcat-10);
					var tdur = $(".tdrateu").width();
					$("#s_ur").width(tdur-10);
					var tdor = $(".tdrateo").width();
					$("#s_or").width(tdor-10);
					
	      	});
		}
	  
});