Value does not retain in span while using jquery with ajax
<p>I have a form as under</p>

<pre><code>    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;Untitled Page&lt;/title&gt;

    &lt;script type="text/javascript" src="JQuery/jquery-1.6.1.min.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
        $(document).ready(function() {
        $("#btnSubmit").click(function() {
                $.ajax(
            {
                url: "Default2.aspx",
                data: "get=" + document.getElementById("TextBox1").value,
                success: function(data) {
                $('#lblServerResponse').html(data);
                },
                error: function() { alert(arguments[2]); }
            });

            });
        });
    &lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
        &lt;table&gt;
            &lt;tr&gt;
                &lt;td&gt;
                    Enter your name:
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID="TextBox1" runat="server"&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:Button ID="btnSubmit" runat="server" Text="Click Me" /&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;
                Server Response:
            &lt;/td&gt;
            &lt;td&gt;           
                &lt;span id="lblServerResponse"/&gt;
            &lt;/td&gt;
            &lt;/tr&gt;

        &lt;/table&gt;
    &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>After I enter some value in the textbox and click on the button, I am able to get the data but it is not retaining in the span.</p>

<p>What is the problem and how can I overcome this?</p>

<p>Thanks</p>
