title: jQuery Navigated between classes (same name)
body: <p>I want to be able to  navigated between instances of the same class.</p>
  
  <p>For example..I have this:</p>
  
  <p>Nav Buttons:</p>
  
  <pre><code>&lt;div&gt;Got to Next&lt;/div&gt;
  &lt;div&gt;Got to Prev&lt;/div&gt;
  </code></pre>
  
  <p>The Html:</p>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;div&gt;&lt;span class="highlighted"&gt;a&lt;/span&gt;&lt;/div&gt;
      &lt;div&gt;&lt;span class="highlighted"&gt;s&lt;/span&gt;&lt;/div&gt;
      &lt;div&gt;&lt;span class="highlighted"&gt;v&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried this bet it doesn't do anything:</p>
  
  <pre><code>$('.main').nextAll('.highlighted').first().css("color", "red");
  </code></pre>
  
  <p>How can I do this?</p>