title: working with tabindex and multiple forms
body: <p>I want to change the order in which certain checkboxes are tabbed to. The problem is, my application can have multiple tabs open, each with the same form. In addition, I have other fields before the checkboxes. How can I change the tab-index of those specific checkboxes without affecting the rest of the inputs in the DOM?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Here's the form I'm using.</p>
  
  <p><img src="https://i.stack.imgur.com/OnYr1.jpg" alt=""></p>
  
  <p>The form will start by being focused on the first input (the one with "the last book" as it's value) and should tab normally till you get to the grades. Then it should tab DOWN. Same with the subjects. As you can see, there can be multiple tabs containing this form.</p>