remove parent (header) of button, and add textarea in its place
<p>I have this html right now:</p>

<pre><code>&lt;h1&gt;&lt;span class = 'highlight'&gt;&lt;input type='image' class='removeall' src='remove.png'&gt;
    &lt;input type='image' class='edit' src='edit.png'&gt;
    {$result['title']}&lt;/span&gt;&lt;/h1&gt;

&lt;form action = "addin.php" method="get"&gt;
&lt;textarea name="add" id="add"&gt;&lt;/textarea&gt;
You have &lt;span id="charsLeft"&gt;&lt;/span&gt; chars left
&lt;/br&gt;
&lt;input type="submit" value="Add"&gt;
&lt;/form&gt;
</code></pre>

<p>What I want to do in jquery is onclick of the .edit <code>&lt;input&gt;</code> type, <code>&lt;h1&gt;&lt;/h1&gt;</code> and its contents would be removed, and the later html (textarea) should fadein in its place. Anyone know a simple way to do this?</p>

<p>&nbsp;</p>
