title: how can I replace input text field into text in span?
body: <p>I want to replace text field into non-editable field after typing value in text field. </p>
  
  <pre><code>&lt;input type="text" id="text" value=""&gt;
  &lt;input type="button" id="btn" value="click"&gt;
  </code></pre>
  
  <p>After I input data value in text field and click button, i want to replace these text field and button into text in span. </p>
  
  <pre><code>&lt;span id="changedText"&gt;&lt;/span&gt; 
  </code></pre>
  
  <p>How can I do that with Jquery? 
    Thanks in advance.</p>