Collapsible don't expand

Hi everyone! I’m doing my first steps with Materialize. I want to generate a dynamic list from an XML file. The problem I have is that the results are not expanded. Here’s the code:

$(document).ready( function() {
   $('#term').keyup( function() {
      $.get('search_xml.php?q='+escape($('#term').val()), function(data) {
         html = '<div id="results"><ul class="collapsible" data-collapsible="accordion">';
     $(data).find('tarifa').each( function() {
        var ep = $(this);
        html += '<li>';
        html += '<div class="collapsible-header"><i class="material-icons">place</i>'+ep.attr('localidad')+'</div>';
        html += '<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>';
        html +=  '</li>';
         } );
     html += '</ul></div>';
     $('#results').replaceWith( html );
         } );
      } );

   $('.collapsible').collapsible({
      accordion : true
    });

Can you help me? Thank you in advance. Sergio

[filippolcr]

I’ve the same problem! I’ve solved removing:

$('.collapsible').collapsible({
      accordion : true
    });

[blahah]

for dynamic content you need to call

$('.collapsible').collapsible({
  accordion : true
});

every time the content is updated.