title: jQuery find() only working once on AJAX result?
body: <p>all I'm new to jQuery and I'm having a bit of a problem manipulating AJAX results with jQuery methods.</p>
  
  <p>I use an AJAX <code>get</code> and execute the <code>find</code> method on the resulting output.  But this seems to work only once.  Subsequent attempts using the same selector in the <code>find()</code> argument don't work.  Different selectors will work, but again, only once.</p>
  
  <p>There seems to be something going on when traversing the AJAX result?</p>
  
  <p>AJAX call...</p>
  
  <pre><code>    $.get('sections.htm', {}, function(data) {
          var $response = $('&lt;div /&gt;').html(data);
          showContent("teaser");
  
          function showContent(nav) {
              loadContent(nav);
              loadSlimboxHack();
              $('#content').fadeIn(400);
          }
  </code></pre>
  
  <p>Find element ...</p>
  
  <pre><code>    function loadContent(nav) {
          if (nav == 'teaser')
          {
              $('#content').html($response.find('.teaser'));
          }
  </code></pre>
  
  <p>This works, but if I try <code>showContent(".teaser")</code> again, it fails because it doesn't seem to find anything and so <code>#content</code> is overwritten with nothing.</p>
  
  <p>Take a look at my website to see...</p>
  
  <p><a href="http://www.shadowshapes.com/dev/" rel="nofollow noreferrer">http://www.shadowshapes.com/dev</a></p>