title: getElementById("id").value
body: <p>So I have an input box in a custom pop up div that is in a hidden div on the page until the user clicks on something activating the pop up box. When the user clicks we get the html of the hidden div and add it to our popup box div which is located in the master page(MVC.)</p>
  
  <pre><code>&lt;input type="text" id="from" name="from" value="MM/DD/YYYY" style="width: 90px;" /&gt;&amp;nbsp;
  </code></pre>
  
  <p>If I change this field and run a script on the submission of the form</p>
  
  <pre><code>var fromDate = document.getElementById("from").value;
  </code></pre>
  
  <p>I still get the MM/DD/YYYY Default value and not the value I entered. Even more oddly I did an onchange event on the from field and I still get MM/DD/YYYY.</p>
  
  <p>Any help would be greatly appreciated, I have no idea whats going on. Could it be that it's still fetching the value from the hidden div?</p>