Change div to form on click
<p>I have a div with text inside:</p>

<pre><code>&lt;div id="test"&gt;Some text here to edit&lt;/div&gt;
</code></pre>

<p>When the users clicks on this it needs to change to:</p>

<pre><code>&lt;form name="input" action="html_form_action.asp" method="get"&gt;
Edit: &lt;input type="text" name="tex" value="Some text here to edit"/&gt;
&lt;input type="submit" value="Submit" /&gt;
&lt;/form&gt; 
</code></pre>

<p>How can I make it so when the user clicks on the text in the div, it will transform into an form/input box like above?</p>
