title: Get children after append jquery mobile?
body: <p>I have an empty list at the start like this.</p>
  
  <pre><code>&lt;ul id="list" data-role="listview" data-inset="true"&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>Within the document ready function, I call multiple </p>
  
  <pre><code>$('#list').append('&lt;li id="a"&gt;A&lt;/li&gt;').listview('refresh'); 
  </code></pre>
  
  <p>to the ul each having its own unique id. So the result should be like:</p>
  
  <pre><code> &lt;ul id="list" data-role="listview" data-inset="true"&gt;
        &lt;li id="a"&gt;A&lt;/li&gt;
        &lt;li id="b"&gt;B&lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>But at the end of the body tag in HTML, when I try doing something like </p>
  
  <pre><code> $('#list').children()
  </code></pre>
  
  <p>It comes up as empty set [].
  Likewise when I attach a click event with something like <code>$("#a").click(function{alert("A")})</code> it doesnt work at all as it doesnt recognize the #a since it was dynamically created maybe?</p>
  
  <p>I hope someone can help me with whats going on and if there is a way around this.</p>