title: How to loop over elements in a div using .each?
body: <p>I've tried reading over jQuery's api, but it's only about my second time employing jQuery so I've found myself a bit lost. </p>
  
  <p>I've a div setup with a list of images underneath it.</p>
  
  <pre><code>&lt;div id="slides"&gt;
      &lt;img src="images/casting1.jpg" alt="Casting on the Upper Kings"&gt;
      &lt;img src="images/casting2.jpg" alt="Casting on the Lower Kings"&gt;
      &lt;img src="images/casting3.jpg" alt="Casting at another location!"&gt;
      &lt;img src="images/catchrelease.jpg" alt="Catch and Release on the Big Horn"&gt;
      &lt;img src="images/fish.jpg" alt="Catching on the South Fork"&gt;
      &lt;img src="images/fish1.jpg" alt="Catching on the North Fork"&gt;
      &lt;img src="images/lures.jpg" alt="The Lures for Catching"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I first selected the div by using:</p>
  
  <pre><code>var slides = $("#slides");
  </code></pre>
  
  <p>But from there I have no idea which direction to head in. How do I select the individual items inside of the div? Any help or guidance is much appreciated!</p>