title: jQuery returns true for "is:empty" check on appended html
body: <p>A user can upload a picture on my site at which point jQuery inserts it into the page with append().  After appending I need to able to determine if there is something there or not, but jQuery's "is:empty" check returns true despite content having been appended.  If I reload the page, the "is:empty" check will return false.  It seems that jQuery is failing to update the DOM when appending and is then checking against its non-updated model when running "is:empty".  Does anybody know if there is a way around this?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Added from the comments - </p>
  
  <pre><code>if ($('#issueimage1'+issueid).is(':empty')) { 
      $('#issueimage1'+issueid).append(responseText); 
  } 
  elseif ($('#issueimage2'+issueid).is(':empty')) {
      $('#issueimage2'+issueid).append(responseText); 
  } 
  else { 
      $('#issueimage3'+issueid).append(responseText); 
  } 
  </code></pre>
  
  <p>The idea is that the user can add up to three pictures. I have a dedicated element for each picture. It checks each element sequentially to see where to insert. This works fine initially (if, on page load, there are two pictures, it will insert into the third slot). When adding two images without refreshing the page, it fails</p>