title: How to trigger an event in an input field changed with Javascript
body: <p>REWRITE:
  I have a select field with an associated onchange event.</p>
  <pre><code>&lt;select id='customer' onchange='loadRate(this.value)'&gt;
  </code></pre>
  <p>At some point in my code, I assign a value to this select field with Javascript.</p>
  <pre><code>document.getElementById('customer').value = &quot;Main St Packaging&quot;;
  </code></pre>
  <p>Why does this not trigger the <code>onchange</code> event? How do I fix it so that it does? Right now I am doing it by writing explicitly:</p>
  <pre><code>loadRate('Main St Packaging')
  </code></pre>
  <p>but I was wondering if there is a better way?</p>