title: select tag: first option selected by default
body: <p>I'm stuck with that issue for almost one day...</p>
  
  <p>Simple select list that looks like this:</p>
  
  <pre><code>        &lt;select id="slide_number"&gt;
              &lt;option value="slide_1"&gt;Slide 1&lt;/option&gt;
              &lt;option value="slide_2"&gt;Slide 2&lt;/option&gt;
              &lt;option value="slide_3"&gt;Slide 3&lt;/option&gt;
              &lt;option value="slide_4"&gt;Slide 4&lt;/option&gt;
          &lt;/select&gt;
  </code></pre>
  
  <p>And I use this code, to remove the selected attribute, and add it again to the right option.</p>
  
  <pre><code>    $('#slide_number').change( function() {
          $('#slide_number option:selected').removeAttr('selected');
          $('#slide_number :selected').each( function() { alert( $(this).find('#slide_number :selected') ) } );
          $("#slide_number option[value='slide_" + _t._current_slide + "']" ).attr( 'selected','' );
      } );
  </code></pre>
  
  <p>Everything would be perfect, but after slide 2 it doesn't work properly, it autoselects the first option, even that in chrome i see that the code is changing and the selected tag is being added correctly to other options.</p>
  
  <p>On iPad in Safari I saw that when I choose option 3, it signs option 1 and option 3 at the same time and this is what I think is causing the issue, but I can't get rid of that autoselect of the 1 option :/</p>
  
  <p>I added this alert and it shows that even after removing the selected attribute, option 1 is still selected :(</p>
  
  <p>Thanks for your time and ideas...</p>