title: Dynamically generated dropdown list is not displaying options
body: <p>I have a dropdown list that is being cleared and new options added based on the value of another dropdown list. The options are being cleared just fine, and it seems to be adding the new values. However, all the options are just blank (whitespace). Does the element need to be refreshed somehow?</p>
  <p><strong>My Code</strong></p>
  <pre class="lang-js prettyprint-override"><code>success: function (data) {
    removeOptions();
    const array = data.Content;
  
    for (var i = 0; i &lt; array.length; i++) {
      $(&quot;&lt;option /&gt;&quot;, {
        Val: array[i].caId,
        Text: `${array[i].Id} - ${array[i].Name}`
      }).appendTo(&quot;#CustomerAccountId&quot;);
    }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/C1xCI.png" rel="nofollow noreferrer">Picture of Inspecting the element. You can see that the options/values are there, just not showing.</a></p>