title: jQuery .get and .append in IE7 makes current content disappear
body: <p>The code works on Firefox, Safari, Chrome and IE8+ but not in IE7.  It causes the content to disappear.  I have tried developer tools in IE and if I locate one of the rows in the content and add any CSS to it, the content reappears.</p>
  
  <p>I call the following code on a scroll event. when the <code>$(document).scrollTop()</code> is close to some value.</p>
  
  <pre><code>$.get('NewMoviesSub.aspx?c=' + (currentSet * 25).toString(), {
      curset: (currentSet * 25)
  }, function(data) {
      var content = $(data).find('.movieTable');
      $("#MoviesDiv").append(content);
  });​
  </code></pre>
  
  <p>I have stepped through all the other code and the content in <code>$("#MoviesDiv")</code> disappears when the <code>.append</code> is triggered in the code.  As the get is asynchronous, the change of the content happens some time after the initial call to the function.  So that is why I have even turned off the scroll function and I tried a button call to ensure that the function was called only once.  But the content still disappeared.</p>
  
  <p>This code is meant to help me continuously get more and more movies. </p>
  
  <p>The new content found in <code>('.movieTable')</code> is a table with more rows of movies.  Whether I use <code>.append</code> or <code>.appendTo</code> I get the same results.</p>
  
  <p>I have looked at other examples where .append didn't work for other people and I tried several of the solutions and none have helped me.</p>
  
  <p>EDIT: The console will output the <code>content</code> now if you visit <a href="https://www.clearplay.com/NewMovies.aspx" rel="nofollow">https://www.clearplay.com/NewMovies.aspx</a></p>