title: Change tabindex dynamically in jquery
body: <p>Imagine this simple layout ( <a href="http://jsfiddle.net/4F9cL/" rel="nofollow">http://jsfiddle.net/4F9cL/</a> ). 
  We have a table, for each row i have a label a textbox and a checkbox.
  The first textbox has tabindex = 1 , the first checkbox has tabindex = 2, the next textbox on the second row has tabindex = 3 and so on.</p>
  
  <p>What i would like to do is change the tabindex on the checkbox on the same row for the textbox that im in if the content of the textbox has changed. </p>
  
  <p>For example at the moment im checking the checkbox on the row that the thebox content has been changed, i do that with the following code:</p>
  
  <pre><code> $("input:text").change(function () {
              $(this).parents('tr:first').find('input:checkbox').prop('checked', 'checked');
  </code></pre>
  
  <p>So the scenario is the following: If the content of the textbox hasnt changed, when i tab i want the focus to change to the checkbox on the same row. If the content of the textbox HAS changed, i would like the focus to be on the next textbox on the row below INSTEAD of the checkbox on the same row.</p>
  
  <p>I hope i explained it good enough for you to understand what im trying to do.
  I've tried using .removeprop() and .removeattr() but that doesnt work and when next tab hits it just goes to the bottom of the page.</p>