title: updating widget in jquery mobile
body: <p>Looks like jquery mobile initialize widgets on page load using data-XXX tag attributes. 
  for example <code>&lt;a href="#main" data-icon="info" data-role="button"&gt;back&lt;/a&gt;</code> turns into something like that</p>
  
  <pre><code> &lt;a href="#main" data-icon="home" class="managable ui-btn-left ui-btn ui-btn-icon-left  ui-btn-corner-all ui-shadow ui-btn-up-a" data-theme="a"&gt;
     &lt;span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"&gt;
        &lt;span class="ui-btn-text"&gt;back&lt;/span&gt;&lt;span class="ui-icon ui-icon-home ui-icon-shadow"&gt;        
        &lt;/span&gt;
     &lt;/span&gt;
   &lt;/a&gt;
  </code></pre>
  
  <p>I would like to know HOW to re-generate that widget if I dynamically change some data-XXX attribute? E.g. I'd change data-icon="delete" and would see that this widget is re-generated using new data-icon. Or even changing data-role from "button" to something other.
  Is there any way?</p>