title: focus on next tabindex of HTML element onEnter keypress by JQuery
body: <p><strong>Hi Friends,</strong>
  I'm working on a small task which is to enable the user to tabindex the html element upon enter keypress.</p>
  
  <p>As im new to jquery , I have written some code which seems to me that It will work ,but there are some problems in it.</p>
  
  <p><strong>Initial findings</strong><br/>
  The culprit code ,it doesnt work ,as the ouput in the Msg lablel is "Undefined"</p>
  
  <pre><code>$('*').attr('tabindex').id
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OrevO.jpg" alt="enter image description here"></p>
  
  <p>The code is given below and I have even created a <a href="http://jsfiddle.net/PPB9s/1/" rel="noreferrer">JSFiddle</a>.</p>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code> $(document).ready(function (eOuter) {
      $('input').bind('keypress', function (eInner) {
          if (eInner.keyCode == 13) //if its a enter key
          {
              var tabindex = $(this).attr('tabindex');
              tabindex++; //increment tabindex
              //after increment of tabindex ,make the next element focus
              $('*').attr('tabindex', tabindex).focus();
  
                         **//Msg Label**
              //Just to print some msgs to see everything is working
              $('#Msg').text( this.id + " tabindex: " + tabindex 
                 + " next element: " + $('*').attr('tabindex').id);
  
              return false; // to cancel out Onenter page postback in asp.net
          }
      });
  }
  );
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt;
      Employee Info&lt;br /&gt;
      Name&lt;br /&gt;
      &lt;input name="TxtbxName" type="text" value="ok" id="TxtbxName" tabindex="1" /&gt;
      &lt;br /&gt;
      Age&lt;br /&gt;
      &lt;input name="TxtbxAge" type="text" id="TxtbxAge" tabindex="2" /&gt;
      &lt;br /&gt;
      Gender&lt;br /&gt;
      &lt;select name="DdlGender" id="DdlGender" tabindex="3"&gt;
        &lt;option selected="selected" value="Male"&gt;Male&lt;/option&gt;
        &lt;option value="Female"&gt;Female&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt;
      &lt;div&gt;
          Previous Employment&lt;br /&gt;
          &lt;select name="DdlCompany" id="DdlCompany" tabindex="4"&gt;
     &lt;option selected="selected" value="0"&gt;Folio3&lt;/option&gt;
     &lt;option value="1"&gt;Null Soft&lt;/option&gt;
     &lt;option value="2"&gt;Object Soft&lt;/option&gt;
     &lt;option value="3"&gt;Excepption Soft&lt;/option&gt;
      &lt;/select&gt;
          &amp;nbsp;&amp;nbsp;or Enter Code&amp;nbsp;&amp;nbsp;
          &lt;input name="TxtbxCompanyCode" type="text" id="TxtbxCompanyCode" tabindex="5" /&gt;
          &lt;br /&gt;
          Address&lt;br /&gt;
          &lt;input name="TxtbxAddress" type="text" id="TxtbxAddress" tabindex="6" /&gt;
          &lt;br /&gt;
         &lt;input type="submit" name="BtnSubmit" value="Submit" id="BtnSubmit" tabindex="7"/&gt;
          &lt;br /&gt;
          &lt;label id="Msg"&gt;Message here&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Let me know where I went wrong :/</strong></p>