How do I make a div element editable (like a textarea when I click it)?
<p>This is my code:</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"&gt; 
&lt;html&gt; 
    &lt;head&gt; 
        &lt;meta name="viewport" content="width=device-width, user-scalable=no"&gt; 
    &lt;/head&gt; 
&lt;body&gt; 
        &lt;style type="text/css" media="screen"&gt; 

        &lt;/style&gt; 

        &lt;!--&lt;div id="map_canvas" style="width: 500px; height: 300px;background:blue;"&gt;&lt;/div&gt;--&gt;

        &lt;div class=b style="width: 200px; height: 200px;background:pink;position:absolute;left:500px;top:100px;"&gt;&lt;/div&gt;
        &lt;script src="jquery-1.4.2.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" charset="utf-8"&gt; 

        &lt;/script&gt; 
    &lt;/body&gt; 
&lt;/html&gt;
</code></pre>

<p>Thanks</p>
