title: html select not show selected even after set selected
body: <p>I have a country dropdown and I set the selected attribute to US. I can clearly see select="selected" into select OPTION having value US in firebug. But neither firefox or chrome shown US as selected. 
  I have code for populate &amp; selected country as follows.</p>
  
  <pre><code>var countryData = getCountryData();
  var html = '&lt;option value=""&gt;Select Country&lt;/option&gt;'; 
  $.each(countryData, function(key,value) {
      if(defaultValue == value.id)
      {
          html = html + '&lt;option value="'+value.id+'" selected="selected"&gt;'+value.name+'&lt;/option&gt;';
      }
      else
      {
          html = html + '&lt;option value="'+value.id+'"&gt;'+value.name+'&lt;/option&gt;';
      }
  });
  countryField.html(html);
  </code></pre>
  
  <p>If it is really possible for any reason to browser not shown the selected even we set the attribute selected.</p>
  
  <p>UPDATE : Ok guys, As I was expecting it must be conflicted by other code. And that is the case . I am using bootstrapValidator and a special call "resetForm" which did this behavior. However one thing I did not understand why still html select in firebug shown selected attribute ? But at last I placed this code after resetForm call. Thanks to all for suggestions &amp; help. </p>