title: Trying to select the next span after an element
body: <p>Attempting to create a CSS selector or XPATH selector which will find the next span element (not necessarily immediately) after a given element ID.</p>
  
  <p>I was able to select the next span immediately after an element by using the CSS '+', however if the span is not immediately after, this will not work.</p>
  
  <pre><code>#email + span[class*='jsonform-errortext']
  </code></pre>
  
  <p>This would work if the span was directly after the input element, however it will not work in the example below.</p>
  
  <pre><code>&lt;div&gt;
      &lt;input type="text" class="c-form-text-input user-success" name="email"  id="email" maxlength="100" required="required"&gt;
  &lt;/div&gt;
  &lt;span class="help-block jsonform-errortext" style="display:none;"&gt;&lt;/span&gt;
  </code></pre>