title: jQuery html attribute not working in IE
body: <p>I am using country and state dropdowns in my form. Whenever the user selects the country in the dropdown, the respective states of the country will populate in the states dropdown.  I am populating the states in the dropdown using AJAX call. The problem is that the states get populated in Mozilla but it doesn't work in IE. I guess there is some problem in jQuery while loading the states in the states dropdown. The jQuery code i am using is </p>
  
  <pre><code>$('select#edit-country').change(function(e) {
  
      $.getJSON("loadContactUsStates",{id: $(this).val(), ajax: 'true'}, function(j){
          var options = '';
  
          for (var i = 0; i &lt; j.length; i++) { 
              options += '&lt;option value="' + j[i].optionValue + '"&gt;' + j[i].optionDisplay + '&lt;/option&gt;';
  
          }
  
      &lt;!-----I guess the problem is with the below line------------------&gt;
         $("select#edit-state").html(options);
  
      })//end json
  
  });
  </code></pre>