title: jquery mobile trigger('create')
body: <p>I have a situation where I am generating a list from an AJAX call then switching to the page. When I do this, I get the following error:</p>
  
  <pre><code>  TypeError: d[0] is undefined
  [Break On This Error]   
  
  ...-corner-all");this._addThumbClasses(h);this._addThumbClasses(e.find(".ui-link-in...
  </code></pre>
  
  <p>This is the code that does the ajax call and loads the DIV:</p>
  
  <pre><code>function handleGetReports(data) {
          $('#recentReportsText').html(data).trigger('create');
          $.mobile.changePage("#recentReportsPage", { changeHash:true});
  }
  function recentReports() {             
          $.post("getrecentreports.php",'',handleGetReports);
  }
  </code></pre>
  
  <p>And this is the data that is returned by the ajax call:</p>
  
  <pre><code>&lt;ul data-role="listview" data-split-icon="delete"&gt;&lt;li data-role="list-divider"&gt;08/17 01:46pm&lt;p class="ui-li-aside"&gt;Pending&lt;/p&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;basic Company&lt;br/&gt;basic Username&lt;/a&gt;&lt;a href="javascript:deleteReport('4');"&gt;Delete&lt;/a&gt;&lt;/li&gt;&lt;li data-role="list-divider"&gt;08/16 06:50pm&lt;p class="ui-li-aside"&gt;Complete&lt;/p&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:popUp('reports/2012-08-16-3.pdf');"&gt;basic Info&lt;/a&gt;&lt;a href="javascript:deleteReport('3');"&gt;Delete&lt;/a&gt;&lt;/li&gt;&lt;li data-role="list-divider"&gt;08/16 06:44pm&lt;p class="ui-li-aside"&gt;Complete&lt;/p&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:popUp('reports/2012-08-16-2.pdf');"&gt;basic Number&lt;/a&gt;&lt;a href="javascript:deleteReport('2');"&gt;Delete&lt;/a&gt;&lt;/li&gt;&lt;li data-role="list-divider"&gt;07/16 06:38pm&lt;p class="ui-li-aside"&gt;Pending&lt;/p&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;basic Address&lt;/a&gt;&lt;a href="javascript:deleteReport('1');"&gt;Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>This is the page that is displayed:</p>
  
  <pre><code>&lt;div data-role="page" id="recentReportsPage" data-title="Recent Reports" data-needs-auth="true"&gt;
  &lt;div data-role="header" data-theme="e"&gt;
  &lt;a href="#home" data-icon="home" data-iconpos="notext"&gt;&lt;/a&gt;
  &lt;h1&gt;Recent Reports&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;        
  &lt;div id="recentReportsText"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!-- /content --&gt; 
  &lt;/div&gt;&lt;!-- /recent reports --&gt;
  </code></pre>
  
  <p>If I leave off the .trigger('create') call no error is generated but the data displayed is unenhanced (ie: no listview). If I cut and paste the ajax returned HTML and put it directly in the page in the CONTENT section to be displayed it displays correctly in split-list format as I intended. Is this a jquery mobile bug or am I doing something incorrectly?</p>
  
  <p>Edit: I am using minimized version of jquery. I have changed it to be unminimized and this is the error:</p>
  
  <pre><code>TypeError: parentPage[0] is undefined (line 5189 of jquery-mobile.1.1.1.js)
  [Break On This Error]   
  
  parentId = parentUrl || parentPage[ 0 ][ $.expando ],
  </code></pre>
  
  <p>Edit: BTW. This is only an error with the listview. I originally returned the results as a table without incident in all browsers.</p>