title: Load specific elements from a page with an AJAX call and append them to a list?
body: <p>I've got two page:</p>
  
  <p><strong>Page 1</strong> has a title, an empty <code>ol</code> and some jQuery that calls an AJAX function.</p>
  
  <p><strong>Page 2</strong> has an <code>ol</code> filled with list items from which I plan on pulling specific ones.</p>
  
  <p>The AJAX I'm using looks as follows:</p>
  
  <pre><code>$("#loader").load("ajax.html li:nth-child(1)");
  </code></pre>
  
  <p>It works great in pulling in that first <code>li</code>. However, if something is already in <code>#loader</code> it is replaced. Instead, I'd like it to append the new <code>li</code> behind the already existing ones. I've tried using the <code>ajax()</code> function but that does not allow you to call forth a specific element the way the <code>load()</code> function does, or, at least, I can't find a way.</p>
  
  <p>What I'm eventually going to do is make it so that a series of <code>li</code>'s are called in via an AJAX call and added to the already-existing list. The problem is I'm getting stuck on the initial adding. The rest I'm pretty sure I can figure out by calling a function that contains a for-loop.</p>