title: How to convert label to textbox?
body: <p>Hi I want to convert label field to textbox on image click event.
  My html file is </p>
  
  <pre><code>&lt;div&gt;
      &lt;div id="tagCust"&gt;Customer Details&lt;img src="images/edit.png" class="alignright"/&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="contactdetail"&gt;
      &lt;div id="contactInfo"&gt;
          &lt;label for="emailid" class="contactText" data-inline="true"&gt;Email Id*&lt;/label&gt;
      &lt;/div&gt;
           &lt;label for="mobileno" class="contactText" data-inline="true"&gt;Mobile No.&lt;/br&gt;&lt;/label&gt;
           &lt;label for="custid" class="contactText" data-inline="true"&gt;Customer Id.&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to convert the <code>mobileno</code> and the <code>emailid</code> labels to textboxes, when the user clicks on edit image. How can I do that?</p>