Динамическая вставка тегов не работает в Windows IE или Firefox

Question

Я динамически вставляю HTML-теги в документ, используя следующую стратегию.Он работает на Mac Chrome и Firefox, но не на Windows IE или Windows Firefox.Я подозреваю, что это как-то связано с угловыми скобками в строке, присвоенной свойству innerHTML вновь созданного тега div.Есть идеи?

function addElement() {

      var ni = document.getElementById('stateSet');
      var newdiv = document.createElement('div');
      var divIdName = 'state'+ stateCount;
      stateCount++;
      newdiv.setAttribute('id',divIdName);
      newdiv.innerHTML = '<input id="name" type="text"/> <input id="setting" type="text"/><button type="button" >x</button>'
      ni.appendChild(newdiv);

    }

Answer 1

Попробуйте объявить счет штата

function addElement() {
  var stateCount = 0;
  var ni = document.getElementById('stateSet');
  var newdiv = document.createElement('div');
  var divIdName = 'state'+ stateCount;
  stateCount++;
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = '<input id="name" type="text"/> <input id="setting" type="text"/><button type="button" >x</button>'
  ni.appendChild(newdiv);

}

http://jsfiddle.net/TPx3v/