title: Tab index not working in form
body: <p>I have used this plugin: <a href="http://codepen.io/wallaceerick/pen/ctsCz" rel="nofollow">http://codepen.io/wallaceerick/pen/ctsCz</a></p>
  
  <p>to customize all the select tag in my website, as you can see in this way the <code>select</code> tags are not visible and not display, they are replaced by a div <code>&lt;div class="select-styled"&gt;&lt;/div&gt;</code> where any value selected of the option is inserted. I like the simplicity of this code but i would like to give the possibility to the user to use the tab when he fills out the form. 
  Obviously in this case any it's not possible because the <code>select</code> tags are hidden so they are skipped by the tab button.</p>
  
  <p>I have reproduced the case here <a href="http://codepen.io/Mannaio/pen/ciFtv" rel="nofollow">http://codepen.io/Mannaio/pen/ciFtv</a> where i have inserted an input before and after the <code>select</code> tags and as you can see the tab button only works between the <code>inputs</code> . So my question is , how can i solve this problem? how can i add the <code>tabindex</code> which let me also using the <code>select</code> in the form?</p>