title: jQuery returns an empty input value on IE
body: <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="fields"&gt;
      &lt;input type="text" name="someField" /&gt;
      &lt;!-- NOTE: There are some more fields here --&gt;
  &lt;/div&gt;
  &lt;!-- NOTE: There are some more fields here --&gt;
  </code></pre>
  
  <p><strong>First JS File:</strong></p>
  
  <pre><code>jQuery(document).ready(function($) {
      alert($('#fields input[type="text"]').val());
  });
  </code></pre>
  
  <p><strong>Second JS File:</strong></p>
  
  <pre><code>jQuery(document).ready(function($) {
      $('#fields input[type="text"]').val('someValue');
  });
  </code></pre>
  
  <p><strong>Notes:</strong></p>
  
  <ol>
  <li>The JS files are located within the head tag.</li>
  <li>I am forced to set the input value in the Second JS File.</li>
  <li>It works on Firefox, Opera, Chrome, Safari.</li>
  <li>IE7 and IE8 returns an empty value.</li>
  </ol>
  
  <p>Any help is appreciated! Thank you!</p>