title: jQuery's next() on elements not next to each other
body: <p>I have bits of horrible code I have to deal with</p>
  
  <pre><code>...
  &lt;div class="container"&gt;
     ...
      &lt;tr&gt;
      &lt;td width="100" height="50"&gt;
           &lt;a class="swaps"&gt;&lt;img src="http://www.blah.jpg" alt="Some Title" id="1"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td width="100" height="50"&gt;
          &lt;a class="swaps"&gt;&lt;img src="http://www.blah2.jpg" alt="Another title" id="2"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I use </p>
  
  <p><code>var thisone = $("#container .swaps:first")</code> </p>
  
  <p>to select the first one (with id 1) why do I have trouble selecting </p>
  
  <p><code>thisone.next()</code>?</p>