为什么我的jquery AJAX函数没有被触发？

Question

在我的主html页面上，我有一个空的Div

 <div id="accordion" >

 </div>

在html文件的末尾我链接了一个script.js文件，其中包含以下jquery AJAX函数

    $(function() {

    var $accordion= $("#accordion");

    $.ajax({

    type:'GET',
    url: "PDOconnect.php",
    dataType: "json",
    success: function(data){
    $.each(data, function(i,data){

    $accordion.append('<p>'+ data.name + '</p>');


     })
     },
    error: function(xhr, textStatus, errorThrown) {
    alert( "Request failed: " + textStatus );
    }
    });// end ajax 
    });

连接到JSON编码数据库中所有数据的PDO数据库查询

    if($dbh)
    {

    $sql="SELECT * FROM 
      IFC JOIN tables ON IFC.tablename = tables.id AND IFC.location =       :location
      ORDER BY Numopinions, votes DESC 
      ";
     $stmt= $dbh->prepare($sql);
     $stmt->bindParam(":location", $location);
     $stmt->setFetchMode(PDO::FETCH_OBJ);

     if($stmt->execute())
         {
             $rows = $stmt-> fetchAll();
             echo json_encode($rows);
         }
      }

     $dbh= null;

是否有可能函数没有触发，因为我的js文件也在函数中使用了DOM？

      $(function() {
      $( "#accordion" ).accordion();
      });