javascriptに情報が入っているdiv

Question

3つの選択ボックスが選択された後にdivを設定しようとしていますが、何も起こりません。私は手動でそれをテストしたが、自動的に移入することはできませんので、PHP関数が動作することを知っています。

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    $("#catcol").change(function(){ 
     getSubCat();//get sub category after change event 

    }); 
    $("#scatcol").change(function(){ 
     getSubSubCat(); //get sub category after change event 

    }); 
    getSubCat();//get sub category after page load 
    getSubSubCat(); 
    TestF(); 
    function getSubCat(){ 
     var selectedCategory = $("#catcol option:selected").val(); 
     $.ajax({ 
      type: "POST", 
      url: "collection_scat.php", 
      data: { category : selectedCategory } 
     }).done(function(data){ 
      $("#scatcol").html(data); 
      getSubSubCat(); 

     }); 
    } 
    function getSubSubCat(){ 
     var selectedSubCategory = $("#scatcol option:selected").val(); 
     $.ajax({ 
      type: "POST", 
      url: "collection_sscat.php", 
      data: { subcategory : selectedSubCategory } 
     }).done(function(data){ 
      $("#sscatcol").html(data); 

     }); 
    } 
    function TestF(){ 
    var cat = document.getElementById("catcol").value; 
    var scat = document.getElementById("scatcol").value; 
    var sscat = document.getElementById("sscatcol").value; 
    $.ajax({ 
    type:'POST', 
    url:'collection_list.php', 
    data:'cat='+cat+'&scat='+scat+'&sscat='+sscat, 
    success:function(msg){ 
     $("#list").html(data); 
    } 
    }); 
    } 

}); 

選択ボックスは素晴らしい移入しますが、リストのdoesntを移入します。 また、コードでは、私は自分のプロジェクト内の他のページにアクセスすると読み込まれません。コードが使用されているページのみが動作します。

誰でも私のコードで問題を確認できますか？