I have this ajax code

1. $(document).ready(function(){
2. var ajax_load = "<img src='load.gif' alt='loading...' />";
   
       var loadUrl = "courses_content.php?id=";
       $("#courses_titles").children('span').click(function(){
           $("#courses_title").html($(this).html());
           $("#courses_path").html($("#courses_path").html()+'/'+$(this).html());
           $("#courses_titles").html(ajax_load).load(loadUrl+$(this).attr('id'));
       });
   
   
   
   
   
   
   
3. });
   

that returns a a content from the requested page and another ajax script

1. $(document).ready(function(){
       var ajax_load2 = "<img src='load.gif' alt='loading...' />";
       var loadUrl2 = "courses_details.php?id=";
           $("#courses_content").children('span').click(function(){
           $("#courses_title").html($(this).html());
           $("#courses_details").html(ajax_load2).load(loadUrl2+$(this).attr('id'));
           });
           var loadUrl = "courses_ajax.php";
       $("#courses_path").children('span').click(function(){
           $("#courses_path").html('<span style="cursor:pointer;">Managment traning</span>');
           $("#courses_titles").html(ajax_load2).load(loadUrl);
           $("#courses_details").html('&nbsp;');
           $("#courses_title").html('&nbsp;');
       });
           });
   
   
   
   
   
   
   
   
   
   
   
   
   
   

it works fine on ff but on IE it gives me "expected identifier, string or number" error
i have read about this error but still can't find the solution