title: Take input value and display in another div
body: <p>I cant for the life of me figure out why the following is not working. I took if from the W3school example <a href="http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange" rel="nofollow">here</a>.</p>
  
  <p>Basically I want to take the value from the input text when it changes and modify another div to include the value. I only want the div to show the new value, but I do want it to change it each time so I figured the onchange was the way to go.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script&gt;
  function myFunction()
  {
  var div = document.getElementById('divID');
  div.innerHTML = div.innerHTML + x.value;
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  Enter your name: &lt;input type="text" id="fname" onchange="myFunction()"&gt;
  &lt;p&gt;When you leave the input field, a function is triggered which transforms the input text to upper case.&lt;/p&gt;
  
  &lt;div id="divID"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks in advance for all the help on this one.</p>