title: how to preserve space in HTML select option list<option value='hi this'>hi</option>
body: <p>I have one select control. I try to update this control with jquery but the value after space omitting.</p>
  
  <pre><code>if (brandObj != "") {
      brandObj = eval("(" + brandObj + ")"); 
      $.each(brandObj, function(i, item) {
          $("#&lt;%=listBrand.ClientID%&gt;").append(  "&lt;option value="+ item.Brand + "&gt;" + item.Brand + "&lt;/option&gt;");
      });
  
  }
  </code></pre>
  
  <p>The data which I get from server </p>
  
  <p><a href="https://i.stack.imgur.com/E4xCo.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/E4xCo.jpg" alt="enter image description here"></a></p>
  
  <p>But after it render as HTML select , it omit the word after space.whole value is there but once I get the value , it have only half(the value which in double quote). I tried to add <code>&amp;nbsp;</code> but it is showing as it is. it is not rendering as space. please give your suggession.</p>
  
  <p><a href="https://i.stack.imgur.com/veh1A.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/veh1A.jpg" alt="enter image description here"></a> </p>