From:<select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="StartStation" class="MyOptions">

<option value="x" data-placeholder="true selected="selected">-Select Start Station-</option>

<option value="1">1 </option>

<option value="2">2 </option>

<option value="3">3 </option>

<option value="4">4 </option>

<option value="5">5 </option>

<option value="6">6 </option>

<option value="7">7 </option>

<option value="8">8 </option>

<option value="9">9 </option>

<option value="10">10 </option>

<option value="11">11 </option>

<option value="12">12 </option>

<option value="13">13 </option>

<option value="14"> 14</option>

<option value="15">15 </option>

<option value="16"> 16</option>

<option value="17">17 </option>

 </select>

My script below is not working if my options reached more than 17.If lesser it is working. Is there any limitation on select menu?

var myselect1 = $("select.MyOptions");

 myselect1[0].selectedIndex = 0;

 myselect1[1].selectedIndex = 0;

 myselect1.selectmenu()

myselect1.selectmenu("refresh");