title: How to append to first child jquery
body: <p>So im givin this site and I have to write this block of jquery to modify it. I can't edit the HTML but I can edit the jquery. I just cant figure out how to only add a <code>&lt;ul&gt;</code> only under <code>&lt;li&gt;tortilla&lt;/li&gt;</code> and not the the other lists. When i run the jquery below with the second line commented out it works but also edits every other <code>&lt;li&gt;</code>. How woyld i be able to just append to the first child only and then delete the other <code>&lt;li&gt;</code> lists other then the one tortilla. Thank you my preferred output is below as well</p>
  
  <p><strong>ingredients</strong></p>
  
  <p>1.tortilla</p>
  
  <ul>
  <li>rice</li>
  <li>beans</li>
  <li>steak</li>
  <li>lettuce</li>
  <li>cheese</li>
  <li>tomatoes</li>
  <li>guacamole</li>
  <li>sour cream</li>
  </ul>
  
  <p>this is the Html code i have so far:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Burrito&lt;/title&gt;
          &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;h1&gt;ingredients&lt;/h2&gt;
      &lt;ol&gt;
      &lt;li&gt;tortilla&lt;/li&gt;
      &lt;li&gt;rice&lt;/li&gt;
      &lt;li&gt;beans&lt;/li&gt;
      &lt;li&gt;steak&lt;/li&gt;
      &lt;li&gt;lettuce&lt;/li&gt;
      &lt;li&gt;cheese&lt;/li&gt;
      &lt;li&gt;tomatoes&lt;/li&gt;
      &lt;li&gt;guacamole&lt;/li&gt;
      &lt;li&gt;sour cream&lt;/li&gt;
      &lt;/ol&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is my jquery code i have so far</p>
  
  <pre><code>$(document).ready(function(){
    // $("ol li:first-child").addClass("tortilla");
      $("li").append("&lt;ul&gt;&lt;/ul");
      $("ul").append("&lt;li&gt;rice&lt;/li&gt;");
      $("ul").append("&lt;li&gt;beans&lt;/li&gt;");
      $("ul").append("&lt;li&gt;steak&lt;/li&gt;");
      $("ul").append("&lt;li&gt;lettuce&lt;/li&gt;");
      $("ul").append("&lt;li&gt;cheese&lt;/li&gt;");
      $("ul").append("&lt;li&gt;tomatoes&lt;/li&gt;");
      $("ul").append("&lt;li&gt;guacamole&lt;/li&gt;");
      $("ul").append("&lt;li&gt;sour cream&lt;/li&gt;");
  </code></pre>
  
  <p>});</p>