title: Accessing DOM object after AJAX call?
body: <p>I have a typical AJAX call that appends some HTML to the current page. I want to be able to access the newly inserted HTML with typical jQuery selectors.</p>
  
  <p>Here's what I'd <em>like</em> to be able to do...</p>
  
  <pre><code>$.ajax({
     url: url,
     success: function(data) {
        $('body').append(data);
     }
  });
  
  $('#new_div').show();
  </code></pre>
  
  <p><code>#new_div</code> would be some HTML element from the data I retrieved. I don't necessarily want to attach events to the new elements (like <code>click</code>), so using something like <code>.load()</code> or <code>.on()</code> doesn't work here (as far as I know).</p>
  
  <p>I tried setting the <code>$.ajax()</code> call to a variable: <code>var new_div = $.ajax(...)</code> but that didn't get me anywhere.</p>