title: Jquery - Change textbox to text on click
body: <p>I'm working on an online booking system, basically I want a textbox to change to paragraph text when a user clicks on a button.
  Basically, removing the textbox and just displaying the value that is inserted.</p>
  
  <p>This is the HTML of the textbox that I want changing:</p>
  
  <pre><code>&lt;input type="text" class="input-txt-xxxsml left" id="txt-pickup-hn" name="txt-pickup-hn" tabindex="1" value="" /&gt;
  </code></pre>
  
  <p>And this is the HTML for the button that I want so when the user clicks it, it changes the textbox to just text:</p>
  
  <pre><code>&lt;button class="btn-med ui-button ui-state-default ui-button-text-only ui-corner-all btn-hover-anim btn-row-wrapper left" name="btn-row-wrapper" &gt;Search&lt;/button&gt;
  </code></pre>
  
  <p>Any help with this would be much appreciated!</p>