title: Adding tabindex to dynamic elements
body: <p>I have a form with fields some of which could be hidden. For proper accessibility I add tabindex with jQuery, only to those elements that are currently visible:</p>
  
  <pre><code>$(':input:visible').each(function (i) {
      $(this).attr('tabindex', i + 1);
  });
  </code></pre>
  
  <p>It works great. However when I decided to add a tabindex to a span with a specific class name, that element is being skipped. Why?</p>
  
  <pre><code>$(':input:visible, .tabIn').each(function (i) {
      $(this).attr('tabindex', i + 1);
  });
  
  &lt;span class="tabIn"&gt;my span&lt;/span&gt;
  </code></pre>