title: Setting focus on next dropdown instead of using blur() method?
body: <p>Problem: <br>
  I have many drop downs with dynamic changes going on at all times. The problem is I am having to use the blur() method to disable focus so that the class depending on the selected value can be applied.</p>
  
  <p>Is there a way I can set the focus onto the next drop down element.</p>
  
  <p>Tried:<br>
  Instead of blur(), I have tried this but it did not work.</p>
  
  <pre><code>this.next(".Element").focus();
  </code></pre>
  
  <p>Current code:</p>
  
  <pre><code>$('.Element').change(function () {
              var colour = $(this).find('option:selected').attr('class');
              $(this).removeClass().addClass(colour);
              this.blur();
          }).change
  </code></pre>
  
  <p>JS Fiddle: <br>
  <a href="http://jsfiddle.net/UXJZ7" rel="nofollow">jsfiddle of my code</a></p>