来自php的Ajax响应不会将收到的数据显示为可折叠 - jquery mobile？

I was expecting the below results to be displayed in collapsible fashion in html page but it would display the result without that in just plain fashion ?

I am suing data-role="collapsible" still it would not display it ?

php (updateProjectsCreated.php)

  while($row = mysqli_fetch_array($result))
  {

      echo "<div data-role=\"collapsible\"> " ;

         echo "<B> UniqueAdvertisingCode = '".$row['UniqueAdvertisingCode']."' </B>";
         echo "<B> AdvertiserName =  '".$row['AdvertiserName']."' </B>";
         echo "<B> Title = '".$row['Title']."' </B>";


         echo "<br><hr>";

      echo "</div> " ;

  }

javascript

function updateProjectsCreated(){


var email="xyz@gmail.com";

$.post("php/updateProjectsCreated.php",  

   { email:email}, function (data,status){
      $("#showeditdashboard").html(data);

   });

}

html

<body>

<div data-role="page" id="page">

  <div data-role="main" class="ui-content">

     <div id="showeditdashboard">  </div>

  </div>

</div>

</body>

Assuming you're using jqm 1.4, change

$("#showeditdashboard").html(data);

$("#showeditdashboard").html(data).enhanceWithin();