title: JQuery Mobile trigger create
body: <p>I've injected a header into my DOM and I would like JQM to render the header:</p>
  
  <pre><code>&lt;div data-role="page" id="start"&gt;
      &lt;div data-role="header" class="header"&gt;
          &lt;h1&gt;TEST&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am calling </p>
  
  <blockquote>
    <p>$('body').trigger('create')</p>
  </blockquote>
  
  <p>but this doesn't update the HTML and the header doesn't render properly.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>If I do this for a button it works fine:</p>
  
  <pre><code>&lt;div data-role="page" id="start"&gt;
      &lt;a class="mybutton" href="javascript:;" data-role="button" id="uid-1"&gt;TEST&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>$('body').trigger('create')
    updates to :</p>
  </blockquote>
  
  <pre><code>&lt;div data-role="page" data-url="mypage" id="start" data-url="start" tabindex="0"
      class="ui-page ui-body-c ui-page-active" style="min-height: 620px;"&gt;
      &lt;a
          class="mybutton ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c"
          href="javascript:;" data-role="button" id="uid-1"
          data-corners="true" data-shadow="true" data-iconshadow="true"
          data-wrapperels="span" data-theme="c"&gt;&lt;span class="ui-btn-inner"&gt;&lt;span
              class="ui-btn-text"&gt;TEST&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>