Ассоциативный массив с пространством в имени не появляется

Question

Тех значений я использую, чтобы заполнить форму:

var champions = { 
    "Azir":["Shurima's Legacy","Conquering Sands","Arise!","Shifting Sands", "Emperor's Divide"], 
    "Dr. Mundo":["Shurima's Legacy","Conquering Sands","Arise!","Shifting Sands", "Emperor's Divide"] 
    }; 

проблема с пространством вместо доктора Мундо он показывает, как д-р есть в любом случае решить эту проблему?

Update:

echo '<input class="champion" type="text" list="champions" placeholder="Champion '.$i.'" name="champno[]" required autofocus><br/> 
          <datalist id="champions"></datalist>'; 

Jquery:

for(var key in champions){ 
      if(champions.hasOwnProperty(key)){ 
       $('#champions').append('<option value=' + key + '>'); 
      } 
     } 

Answer 1

цитата значение:

for(var key in champions){ 
     if(champions.hasOwnProperty(key)){ 
      $('#champions').append('<option value="' + key + '">'); 
     } 
    } 

или, вы должны использовать что-то вроде этого (для демо, не тестировался):

$('#champions').append($('<option>').attr('value', key));