Textbox.value is returning an empty string

I've run into a problem here. I have a text box that is only returning an empty string.

var myFields = []; 

for(var i = 0; i < fields.length; i++){ 
  var newField = document.createElement('input'); 
      newField.type = 'text'; 

  prompt.innerHTML += fields[i] + ': '; 
  prompt.appendChild(newField); 
  promp开发者_开发问答t.innerHTML += '<br>'; 

  myFields.push(newField); 
}

var finishPrompt_Action = function(){
  var results = {}
  for(var i = 0; i < myFields.length; i++){
    console.log(fields[i], myFields[i], myFields[i].value);
    results[fields[i]] = myFields[i].value;
  }

  container.removeChild(shield);
  container.removeChild(prompt);

  callback(results);
}

So, in the second function myFields[i].value returns an empty string. Although myFields[i] does point to the correct input element.

Anyone got any ideas?

This is the only code that touches the textbox, and I type in the value using my keyboard.

It's sensible to change prompt to something else, to prevent confusion with javascripts native prompt function. Furthermore it looks like your code can work. See this jsfiddle

promptDiv.innerHTML += '<br>';

This was the problem line. If anyone knows why or how this was breaking the code I would REALLY like to know. Commenting out this single line, fixes the problem.

Thanks,

Greg