title: Javascript input.value Change Not Displaying In Browser
body: <p>The following does not render any change I can see in Chrome or Firefox:</p>
  
  <pre><code>var field = document.getElementById( 'input-id' ), nodeName;
  
  if ( field !== null ) {
      nodeName = field.nodeName.toLowerCase();
  
      if( nodeName === 'input' || nodeName === 'textarea' ) {
          field.value = 'hello';
          console.log( field.value );
      }
  }
  </code></pre>
  
  <p>Here is the target:</p>
  
  <pre><code>&lt;input id="input-id" name="input-name" type="text" required="required" placeholder="example"&gt;
  </code></pre>
  
  <p>But the console reports the correct value in both. Why? I am using validated HTML5. The script is before the closing <code>body</code> tag.</p>