title: jQuery editable/non-editable form
body: <p>I want to make my form editable when I click the edit anchor tag, once the form is posted it will reload the page. The form should be then just viewable (with label tags), not editable. When I click edit anchor tag again, it should be editable (the input element will be converted into label).</p>
  
  <p>What I want is to convert the input tags into labels, with the same value.</p>
  
  <p>I have an div which is used as a navigation bar</p>
  
  <pre><code>&lt;div id="nav". &lt;a href=""&gt;edit&lt;/a&gt; &lt;/div&gt;
  </code></pre>
  
  <p>My form</p>
  
  <pre><code>&lt;form id="profile-form" action="save.php"&gt;
  &lt;input type=text id="name" name="name"&gt;
  &lt;input type=text id="email" name="email"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I tried bit of jquery but it didnt work.</p>
  
  <pre><code>('#edit').click(function) { $('#profile-form').html(&lt;label&gt;&lt;?php $_POST['name']?&gt;&lt;/label&gt;)
   )};
  </code></pre>