When I dynamically change the h2 content of a collapsible list in jquery mobile 1.2 the h2 tag looses it's formatting.

Calling listview('refresh') does not seem to fix it.

Any ideas?

1. <h2>Choose...</h2>
   <ul data-role="listview">
   <li data-mini="true"><a href="#">Item 1</a></li>
   <li data-mini="true"><a href="#">Item 2</a></li>
   <li data-mini="true"><a href="#">Item 3</a></li>
   </ul>
   </div>
   
   <script>
   $("#mylist li").live( 'click',function(event){
   
   $("#mylist h2").text($(this).text());
   $("#mylist").listview('refresh');
   
   });
   </script>