title: Jquery mobile select menu option set dynamically genrated but not set selected option
body: <p>Here i define the code and the screen shots of the application.
  Image 1(my app)- This is the output of my application.I would like to show selected option in the select menu.</p>
  
  <p>Image 2(my app)-When i click any of the select option menu its like this.But i would like to set location as selected.</p>
  
  <p>Image 3(need this one)-I need this type of output of my app.</p>
  
  <p>When i use local web-services i got same output as image-3.But when i use web-services online or from the website i got same output as image-1 and image-2.</p>
  
  <p><img src="https://i.stack.imgur.com/b9VNS.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/yqjGX.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/5cmZ8.png" alt="enter image description here"></p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="menu"&gt;
  &lt;h3&gt;Menu&lt;/h3&gt;
      &lt;ul&gt;
          &lt;li class="active"&gt;&lt;a href="home.html?l=0=c=0=d=0=t=1=dc=1" class="contentLink" target="_self"&gt;Home &lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="myreservations.html" target="_self" class="contentLink"&gt;My Reservations&lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="#" target="_self" class="contentLink"&gt;Credit Points&lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="myprofile.html" target="_self" class="contentLink"&gt;My Account&lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="aboutus.html" target="_self" class="contentLink"&gt;About Us&lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="contactus.html" target="_self" class="contentLink"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;li class="none"&gt;&lt;a href="#" class="contentLink" id="Logoutbutton" name="Logoutbutton"&gt;Logout&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div data-role="page" id="home" class="pages" data-theme="c"&gt;
  &lt;div data-role="header"&gt;
      &lt;a href="#"class="showMenu" id="showMenu"&gt;&lt;/a&gt;
      &lt;a id="selectcity" style="line-height:18px;"&gt;&lt;select name="selectcity_menu" id="selectcity_menu" data-native-menu="true" data-theme="c" &gt;
          &lt;/select&gt;&lt;/a&gt;            
      &lt;a id="directlogin"&gt;LogIn&lt;/a&gt;
          &lt;h1&gt;&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="footer"&gt;        
      &lt;div data-role="navbar"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="home.html?l=0=c=0=d=0=t=1=dc=1" id="Restaurant" target="_self"&gt;Restaurant&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="home.html?l=0=c=0=d=0=t=2=dc=1" id="Lounge" target="_self"&gt;Lounge&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="home.html?l=0=c=0=d=0=t=3=dc=1" id="Banquet" target="_self"&gt;Banquet&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="home.html?l=0=c=0=d=0=t=4=dc=1" id="Event" target="_self"&gt;Event&lt;/a&gt;&lt;/li&gt;           
          &lt;/ul&gt;
      &lt;/div&gt;&lt;!-- /navbar --&gt;
      &lt;/div&gt;&lt;!-- /footer --&gt;
  
      &lt;div data-role="content" align="center"&gt;
          &lt;!--&lt;input type="text" id="userstatus" name="userstatus"/&gt;--&gt;       
  
          &lt;div class="ui-grid-a"&gt;
              &lt;div class="ui-block-a"&gt;
                  &lt;div id="notation" style="width:100%;line-height:15px;padding:0px;"&gt;    
                  &lt;!--&lt;label for="select-choice-0" class="select" &gt;&lt;h2&gt; Locations &lt;/h2&gt;&lt;/label&gt;--&gt;
                  &lt;select name="note_utilisateur1" id="note_utilisateur1" data-native-menu="true" data-theme="c"&gt;
                  &lt;/select&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui-block-b"&gt;
                  &lt;div id="notation" style="width:100%;line-height:15px;padding:0px;"&gt;    
                  &lt;!--&lt;label for="select-choice-0" class="select"&gt;&lt;h2&gt; Cuisine &lt;/h2&gt;&lt;/label&gt;--&gt;
                  &lt;select name="note_utilisateur2" id="note_utilisateur2" data-native-menu="true" data-theme="c"&gt;
                  &lt;/select&gt;                   
                  &lt;/div&gt;            
              &lt;/div&gt;                
          &lt;/div&gt;
  
          &lt;div class="ui-grid-a"&gt;
              &lt;div class="ui-block-a"&gt;
                  &lt;div id="notation" style="width:100%;line-height:15px;padding:0px;"&gt;    
              &lt;!--&lt;label for="select-choice-0" class="select"&gt;&lt;h2&gt; Discount &lt;/h2&gt;&lt;/label&gt;--&gt;
                  &lt;select name="note_utilisateur3" id="note_utilisateur3" data-native-menu="true" data-theme="c"&gt;
                  &lt;/select&gt;                   
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui-block-b"&gt;
                  &lt;a data-role="button" style="width:94%;line-height:15px;padding:0px;" id="clearall"&gt;Clear All&lt;/a&gt;
              &lt;/div&gt;                
          &lt;/div&gt;        
  
          &lt;hr /&gt;
  
          &lt;br /&gt;
  
          &lt;div id="restaurantlist"&gt;
          &lt;/div&gt;       
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>All drop down menu options generated dynamically from the web-services.</p>