Funktion virker i IE8, men ikke IE9 og FF?

Hej eksperter.

Jeg har en funktion, som førhen af blevet brugt hyppigt og perfekt i Internet Explorer 8, men som simpelthen aldrig har virket i FF, og nu heller ikke virker i det nye IE9.

xhtml koden, hvordan funktionen bliver kaldt, er som følger:

<div id='decidedDiv1' style='background: #e2ebee; border: 1px solid #999999; padding: 10px; min-height: 20px;'>

<span style='color: float: left;'>Stk: <input id='inputamount' name='inputamount' type='text' value='1' /></span>
<span style='float: right;'><a href='java script:void(0);' onclick='addMoreInputs(&#39;salesrapportsInputs&#39;)'>+</a></span>

</div>


Javascript funktionen:

function addMoreInputs(i) {
    inputs = parseInt(document.getElementById('inputamount').value) + 1;
    document.getElementById('inputamount').value = inputs;
    document.getElementById('decidedDiv1').innerHTML += "Test";
  }
}


Mit problem er, at koden gerne vil SE value på tekst inputtet, men altså ikke ændre det! :(
Underligt nok, virker det fint i IE8, men ikke med den nye JS engine i IE9 og FF.

Hvis i selv har den nye version af IE (IE9) hvor det ikke virker, så prøv at trykke F12, og sætte Browser Mode til IE8, og vupti, så virker det pludseligt.