jquerymobile 처음이라 질문드립니다.

 

 

   <div data-role="collapsible" id="bt2">
      <h4>Heading</h4>
       <div id="resultLog" style=" margin: 15px; font-size:20px"></div>
  </div>

---------------------------------------------------------------------------

$(document).ready(function() {        
    $("#bt2").click( function() {
        var url = "공공API url"
           url = url;
       
        alert(url);
        $.ajax({
             type: "GET",            
             url: url,
             data: "{}",
             cache: false,
             dataType: "xml",
             success: onSuccess
           });
   });

   function onSuccess(data) {
        $("#resultLog").text("");
        $(data).find("item").each(function () {       
            $("#resultLog").append("<hr>");
            $("#resultLog").append("<B>" + $(this).find("name").text() + "<hr></B>");
            $("#resultLog").append("<br>" + $(this).find("drug").text() + "<hr>");
       });
    }

});

 

 

원래 버튼을 누르면 파싱한 데이터가 나오는 건데

제가 collapsible을 써볼려고 하는데 왜 내용이 안나오는 걸까요.