title: dropdown list selected value does not refresh when using jQuery mobile empty function
body: <p>I have the following cascading select dropdown list in my page.</p>
  
  <pre><code>Country -&gt; City
  </code></pre>
  
  <p>On my desktop, if I previously selected "USA" and "New York" and I then changed the country to France. The city dropdown would display "Choose a city" and this is what I want.</p>
  
  <p>These are the code I used to populate the city list and set the default value.</p>
  
  <pre><code>$("#country").on("change", function(event) {
      getCities($("#country").val(), $("#city").val());
  });
  
  function getCities(country) {
      $.ajax({
          url: window.location.pathname.substring(0, window.location.pathname.indexOf("index.cfm")) + "index.php/search/getCities?format=json"
          , dataType: "json"
          , data: {country:country}
          , success: function(data, status) {
              populateCities(data);
          }
      });
  }
  
  function populateCities(data) {
      if (data.length &gt; 0) {
          $("#city").empty();
  
          $("#city").prepend($('&lt;option&gt;&lt;/option&gt;').attr("value", "").attr("selected", "selected").text("- Choose a city -"));
          $.each(data, function () {
              $("#city").append($('&lt;option&gt;&lt;/option&gt;').attr("value", this.CITY).text(this.CITY));
          });
      }
  }
  </code></pre>
  
  <p>But on a mobile, the city dropdown still says "New York".</p>
  
  <p>Does anyone have any ideas on how to fix this?</p>
  
  <p>Thanks a lot</p>
  
  <p><strong>edit:</strong></p>
  
  <p>also tried these changes (as suggested below). still not working as intended</p>
  
  <pre><code>function populateAgencies(data) {
      if (data.length &gt; 0) {
          $("#agency").empty();
  
          $("#agency").prepend('&lt;option value="" selected&gt;- Choose a city -&lt;/option&gt;');
          $.each(data, function () {
              $("#agency").append('&lt;option value="'+this.CITY+'"&gt;'+this.CITY+'&lt;/option&gt;');
          });("#city").enhanceWithin();
      }
  }
  </code></pre>