title: Make an HTML input field appear as just the text in the field
body: <p>I have an HTML form with a number of <code>input</code> fields that are added dynamically with content in each field using jQuery.  </p>
  
  <p>Is it possible to hide the fact that these fields are input fields and only display them as the content in the field?</p>
  
  <p>I don't want to hide the entire field <em>and</em> it's contents --- just hide the fact that its an input type field.</p>
  
  <p>I've tried jQuery's <code>hide()</code> and <code>$('#foo').css('display','none')</code>, but that hides the entire field.</p>
  
  <p>The idea is that there could be a large number of fields, but I don't want the user to see all the input text fields.</p>