title: onKeyUp not working javascript
body: <p>I am trying to populate the div tag with what is typed in the name field (example below) using javascript. I am not sure what I am doing wrong but it is not working and I have at a loss as to why not? 
  All I want is when the user types their first name it appears below. I have looked at other examples and still confused why this one will not work.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4 /strict.dtd"&gt; 
  &lt;html lang="en-GB"&gt; 
    &lt;head&gt; 
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; 
      &lt;title&gt;hello whirled&lt;/title&gt; 
      &lt;script type="text/javascript"&gt;
          document.getElementById("name").onkeyup = function() {
              document.getElementById("display").innerHTML = this.value;
          }
      &lt;/script&gt; 
  &lt;/head&gt; 
  &lt;body&gt; 
      &lt;h1&gt; 
          Bla Bla
      &lt;/h1&gt; 
      &lt;form method="get" action=" "&gt; 
          &lt;p&gt; 
              Other Text goes here
          &lt;/p&gt; 
          &lt;p&gt; 
              Type your first name here: 
              &lt;input type="text" id="name" value=""&gt;
          &lt;/p&gt; 
          &lt;div id="display"&gt;'s ball is not in the ball park.&lt;/div&gt; 
          &lt;noscript&gt;  
              &lt;div&gt; 
                  If you can see this then SCRIPTS are turned OFF on your machine and it won't work 
              &lt;/div&gt;   
          &lt;/noscript&gt; 
      &lt;/form&gt; 
  &lt;/body&gt; 
  </code></pre>
  
  <p></p>