title: JavaScript reassigning values is not working
body: <p>When I am trying to reassign a value of an input box to a different value in JavaScript nothing gets changed. I have made an alert to make sure the variable is valid and I also tried adding a <code>toString()</code> method.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function assignWords(){
      alert("word one " + wordOne);
      document.getElementById("word1").value = wordOne;
      document.getElementById("word2").value = wordTwo.toString();
      document.getElementById("word3").value = wordThree.toString();
      document.getElementById("word4").value = wordFour.toString();
      document.getElementById("word5").value = wordFive.toString();
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="PlayGame"&gt; 
      &lt;h2&gt;Word Scramble USA&lt;/h2&gt;
      &lt;input id="myText" type="text"  placeholder="begin to type" onkeyup="checkWords()" /&gt;    
      &lt;input id="word1"  type="submit" name="word1" value=""&gt;
      &lt;input id="word2"  type="submit" name="word2" value="" disabled&gt;
      &lt;input id="word3"  type="submit" name="word3" value="" disabled&gt;
      &lt;input id="word4"  type="submit" name="word4" value="" disabled&gt;
      &lt;input id="word5"  type="submit" name="word5" value="" disabled&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>