jquery scripts inside a page called via an ajax [problem]

jquery scripts inside a page called via an ajax [problem]

 Hello All

I wrote a simble jquery code in three pages . it's work fine in IE but in firefox page B can't load page c

please help me

A   , B   and C

code in A

 
    
  
  1.  <HTML 
    xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
    <META content="text/html; charset=utf-8" http-equiv=content-type>

    2. 
  

  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    3. 
  

  3. <script type="text/javascript">
    $(document).ready(function(){

    4. 
  
  4. $("#timetable2").click(function(){
    $("#contents2").load("b.html");
    return false;
    });
    });
    </script>
    </HEAD>
    <BODY>






    5. 
  
  5. <a href="#" id="timetable2"> test2</a>
    <br>
    <div  id="contents2">

    6. 
  
  6. </div>
    7.

code in B

 
    
  
  1.  
     hello every body 
    i have three pages 
    a   , b   and c
    code in a 
        
      
     
    1.  <HTML 
      xmlns="
       
        
        <a href="http://www.w3.org/1999/xhtml">test</a>
        http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
        
      <META content="text/html; charset=utf-8" http-equiv=content-type>
      
       
      2. 
     

    2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      3. 
     

    3. <script type="text/javascript">
      $(document).ready(function(){

      4. 
     
    4. $("#timetable").click(function(){
      $("#contents").load("c.html");
      return false;
      });
      });
      </script>
      </HEAD>
      <BODY>






      5. 
     
    5. <a href="#" id="timetable"> test3</a>
      <br>
      <div  id="contents">

      6. 
     
    6. </div>
      7. 
    
    2.

and code in C

 
    
  
  1. <b>test test test</b> 
    2.