title: Use Javascript to fill out values in a form, but all values disappear after clicking
body: <p>I'm working on this Chrome extension that's intended to work on nike.com to fill out shipping forms. </p>
  
  <pre><code>  document.getElementById('firstName').value = items['home']['firstname'];
    document.getElementById('lastName').value = items['home']['lastname'];
    document.getElementById('address1').value = items['home']['addrfirst'];
    document.getElementById('address2').value = items['home']['addrsecond'];
    document.getElementById('city').value = items['home']['city'];
    document.getElementById('state').value = items['home']['state'];
    document.getElementById('postalCode').value = items['home']['zipcode'];
    document.getElementById('email').value = items['home']['email'];
    document.getElementById('phoneNumber').value = items['home']['phone'];
  </code></pre>
  
  <p>Here is how my code is like. 'items' are existing data I have. I could fill in all the values in the nike.com form but the data won't persist after I click on any input area in the form. And I found that the value attribute for input is actually empty though they show up in the web view.</p>