title: Understanding how jQuery works
body: <p>I'm new to jQuery. I'm taking a course and was given a test project, but I have no idea what to do. I'm just asking for someone to help me with an understanding. Here are the requirements:</p>
  
  <p><img src="https://i.stack.imgur.com/hLryx.png" alt="Assignment"></p>
  
  <p>Here is what I tried:</p>
  
  <pre><code>$(document).ready(function() {
  // site code
  for (var i=0; i&lt;10; i++)
  {   
      //jQuery factory
      $("body").appendTo("&lt;a href="&gt;"+i+&lt;/&gt;")
  }
  });
  </code></pre>
  
  <p>Here is the HTML section:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="wrap"&gt;
      &lt;ul id="navleft"&gt;&lt;/ul&gt;
      &lt;ul id="navright"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript" src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/main.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't want answers, but a push in the right direction. I need a tutor, but they are so expensive and my teacher is never to be found, so I'm seeing if someone wouldn't mind helping. </p>