title: jquery find next element with class
body: <p>I'm trying to find the next element with a class of "error" and hitting a wall.</p>
  
  <p>In looking at the demo on jQuery's site, this should work, but doesn't.</p>
  
  <pre><code>$("button[disabled]").next().text("this button is disabled");
  
  &lt;div&gt;
     &lt;button disabled="disabled"&gt;First&lt;/button&gt;
     &lt;span&gt;no overwrite&lt;/span&gt;
     &lt;span class="error"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
     &lt;button&gt;Second&lt;/button&gt;
     &lt;span&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
     &lt;button disabled="disabled"&gt;Third&lt;/button&gt;
     &lt;span&gt;no overwrite&lt;/span&gt;
     &lt;span class="error"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to find the span or div or whatever after the element in question, like the button above.</p>
  
  <p>so the disabled button line should read, 'no overwrite this button is diabled'</p>
  
  <p>I've tried</p>
  
  <p><code>$("button[disabled]").next(".error").text("this button is disabled");</code></p>
  
  <p>to no avail.</p>