title: Jquery val() doens't work on hidden fields
body: <p>I have a weird problem with some jQuery code for a project I'm working on. I have to make a backend system, but it has to work in IE7 for the customer care department of the company. </p>
  
  <p>I have a image plugin in the system where you can recrop te images.
  When you do that, this piece of code will be generated</p>
  
  <pre><code>&lt;input id="imagewidth_large" type="hidden" value="640" name="imagewidth_large"&gt;
  &lt;input id="imageheight_large" type="hidden" value="360" name="imageheight_large"&gt;
  &lt;input id="imagewidth_xlarge" type="hidden" value="640" name="imagewidth_xlarge"&gt;
  &lt;input id="imageheight_xlarge" type="hidden" value="270" name="imageheight_xlarge"&gt;
  &lt;input id="imagewidth_list" type="hidden" value="360" name="imagewidth_list"&gt;
  &lt;input id="imageheight_list" type="hidden" value="270" name="imageheight_list"&gt;
  &lt;input id="imagewidth_grid" type="hidden" value="270" name="imagewidth_grid"&gt;
  &lt;input id="imageheight_grid" type="hidden" value="270" name="imageheight_grid"&gt;
  &lt;input id="imagewidth_grid_wide" type="hidden" value="230" name="imagewidth_grid_wide"&gt;
  &lt;input id="imageheight_grid_wide" type="hidden" value="135" name="imageheight_grid_wide"&gt;
  &lt;input id="orgwidth" type="hidden" value="1224" name="orgwidth"&gt;
  &lt;input id="orgheight" type="hidden" value="1632" name="orgheight"&gt;
  &lt;input id="orgpath" type="hidden" value="../../uploads/images/tmp/4e89d17443230.jpg" name="orgpath"&gt;
  &lt;input id="targetfile" type="hidden" value="../../uploads/images/tmp/4e89d17443230.jpg" name="targetfile"&gt;
  &lt;input id="crop_width" type="hidden" value="1224" name="crop_width"&gt;
  &lt;input id="crop_height" type="hidden" value="688.5" name="crop_height"&gt;
  &lt;input id="crop_rat" type="hidden" value="0.5228758169934641" name="crop_rat"&gt;
  &lt;input id="crop_x" type="hidden" value="0" name="crop_x"&gt;
  &lt;input id="crop_y" type="hidden" value="0" name="crop_y"&gt;
  &lt;input id="source" type="hidden" value="other" name="source"&gt;
  &lt;input id="croppedimage" type="hidden" value="" name="croppedimage"&gt;
  </code></pre>
  
  <p>This code are some reference fields (the plugin is an extended version of a smaller cropper)</p>
  
  <p>The problem I have is that in my code you can press the recrop button that will open the recropper and generate some code. In this code he calls and sets values of these input fields.</p>
  
  <p>The problem is that I can't set of read values of the fields.</p>
  
  <pre><code>$("#imagewidth_large").val();
  </code></pre>
  
  <p>This returns undefined</p>
  
  <pre><code>$("#imagewidth_large").val(500);
  </code></pre>
  
  <p>This doens't do anything.</p>
  
  <p>Thanks</p>