title: How to I append li's to a current ul using .load?
body: <p>I'm working on a search for amd I have the following line of code: </p>
  
  <pre><code> $('#searchResults').add($('li:last').load(url + '&amp;' + urlExtra));
  </code></pre>
  
  <p>This adds 10 li tags with content but rather than it adding to the ul it's nesting the last li with the loaded in list. To try and clarify i would like this outcome:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;already in list&lt;/li&gt;
  &lt;li&gt;already in list&lt;/li&gt;
  &lt;li&gt;already in list&lt;/li&gt;
  &lt;li&gt;already in list&lt;/li&gt;
  &lt;li&gt;new li from load&lt;/li&gt;
  &lt;li&gt;new li from load&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But i'm getting this:</p>
  
  <pre><code>    &lt;ul&gt;
      &lt;li&gt;already in list&lt;/li&gt;
      &lt;li&gt;already in list&lt;/li&gt;
      &lt;li&gt;already in list&lt;/li&gt;
      &lt;li&gt;already in list
         &lt;li&gt;new li from load&lt;/li&gt;
         &lt;li&gt;new li from load&lt;/li&gt;
      &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>Any pointers in the right direction would be greatly appreciated.</p>
  
  <p>Kind regards
  Rachel</p>