Текст в списке не выровнен

Question

<div id="speakerDiv" data-role="fieldcontain">
<label id="speakerId" for="speaker">Speaker ID*</label>     
<select id="speaker" name="speaker_r" tab-index="2" class="ui-li-count">
       <option value="">SELECT YOUR SPEAKER ID</option>
        <option value="PH">vd_phani</option>
        <option value="AD">vd_aditya</option>
        <option value="PR">vd_prashant</option>
        <option value="SR">vd_sriram</option>
        <option value="KA">vd_kapil</option>
        <option value="MA">vd_maruthi</option></font>
    </select>
</div>

значение по умолчанию также включает все опции в списке списка изначально.Как решить эту проблему ???

На кнопке дважды отображается строка «SELECT YOUR SPEAKER ID», а затем в продолжение отображаются все опции кнопки.Как ??

Answer 1

Docs:

• http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/selects/index.html

Live Пример:

• http://jsfiddle.net/wHDSw/3/ (вторая часть, которую нужно проверить локально)