title: jQuery .next() doesn't work?
body: <p>I am trying to use jQuery <a href="http://api.jquery.com/next/" rel="nofollow noreferrer"><code>.next()</code></a> with a selector, seems that I missed something.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div&gt;1&lt;/div&gt;
  &lt;span&gt;2&lt;/span&gt;
  &lt;div class="dd"&gt;3&lt;/div&gt;
  &lt;div&gt;4&lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('div').next(".dd").css('color','red');
  </code></pre>
  
  <p>If I change the span to div it works, but this way doesn't! </p>
  
  <p>Any help?</p>