title: jQuery create select list options from JSON, not happening as advertised?
body: <p>How come this doesn't work (operating on an empty select list <code>&lt;select id="requestTypes"&gt;&lt;/select&gt;</code></p>
  
  <pre><code>$(function() {
  
          $.getJSON("/RequestX/GetRequestTypes/", showRequestTypes);
  
      }
      );
  
  
      function showRequestTypes(data, textStatus) {
  
          $.each(data,
              function() {
  
                  var option = new Option(this.RequestTypeName, this.RequestTypeID);
                  // Use Jquery to get select list element
                  var dropdownList = $("#requestTypes");
  
                  if ($.browser.msie) {
                      dropdownList.add(option);
                  }
  
                  else {
  
                      dropdownList.add(option, null);
  
                  }
              }
              );
  
          }
  </code></pre>
  
  <p>But this does:</p>
  
  <ul>
  <li><p>Replace:</p>
  
  <p><code>var dropdownList = $("#requestTypes");</code></p></li>
  <li><p>With plain old javascript:</p>
  
  <p><code>var dropdownList = document.getElementById("requestTypes");</code></p></li>
  </ul>