title: jQuery mobile: Dynamically updating collapsible heading causes loss of styling
body: <p>After dynamically updating a header tags text for an existing collapsible element, the styling disappears, even though im calling .collapsible({refresh: true}) after updating.</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/RAxn5/" rel="nofollow">http://jsfiddle.net/RAxn5/</a> (click the 'Break it' link to see what i mean).</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="set" data-role="collapsible-set"&gt;
      &lt;div data-role="collapsible" id="set1" data-collapsed="false"&gt;
          &lt;h2 class="section_title"&gt;Section 1&lt;/h2&gt;
          &lt;ul data-role="listview"&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;h3&gt;item 1&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;h3&gt;item 2&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;h3&gt;item 3&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a href="#" id="break"&gt;Break it&lt;/a&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#break').click(function() {
      $('#set1 h2.section_title').text('Now my style is gone!');
      $('#set1').collapsible({refresh: true});
  });
  </code></pre>
  
  <p>Thanks in advance.</p>