Content added by jquery is cleared after pressing submit
<p><a href="http://jsfiddle.net/hvuSM/" rel="nofollow">This</a> is my code which I am currently working on. I have to display the value passed by the user. In here I am displaying only a string which I will modify afterwards. When I click the add button I get some strange code in my <code>alertbox</code>. This is the <a href="http://jsfiddle.net/hvuSM/" rel="nofollow">fiddle</a> which I have made while running fiddle I am getting shell form doesn't validate. May be my code have some problem. Here is the code which I get in my alertbox.</p>

<p>In the console I am getting a warning:  </p>

<p><em>The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.</em></p>

<p>Please help me sorting this out.
Thanks</p>

<p>Dibya</p>

<p><strong>Follow up:</strong> I have missed to mention. After clicking <code>Ok</code> button the text disappears in the div. What causes this? How can I prevent?</p>
