title: Jquery : Disabled 'input' field not available in form
body: <p>I'm trying to dynamically set a an input value("choice" in my case) inside a form based on user inputs. After setting the desired value, I want to disable the field so that user cannot change it. Here is the code i'm using.  </p>
  
  <pre><code>// HTML
  &lt;select name="0-choices" id="id_0-choices"&gt;
  &lt;option value="Phone"&gt;Phone&lt;/option&gt;
  &lt;option value="Fax"&gt;Fax&lt;/option&gt;
  &lt;option value="Voicemail"&gt;Voicemail&lt;/option&gt;
  &lt;/select&gt;
  
  //Javascript
  $(cfield).children().first().removeAttr('selected');
  $(cfield).children('option[value="Voicemail"]').attr('selected','selected');
  //$(cfield).val('Voicemail');
  $(cfield).attr('disabled','disabled');
  </code></pre>
  
  <p>The problem is, if I disable the field, the field is not available in the posted data. So my validation function complains of data not available. How can I "freeze" the input field and yet be able to post it.</p>