Label in gridview changes but change does not postback
<p>I have a gridview with a label, along with some JavaScript and jQuery to make the label editable.</p>

<p>However, when I postback and debug in my code behind I do not see the change.</p>

<p>How can I make it so I can get the change on the server?</p>

<pre><code>&lt;asp:GridView ID="gvGroups" runat="server" AutoGenerateColumns="False"
 CssClass="table table-hover table-striped" GridLines="None" &gt;
    &lt;Columns&gt;
        &lt;asp:TemplateField HeaderText="Name" SortExpression="GroupDescription"&gt;
            &lt;ItemTemplate&gt;
                &lt;asp:Label ID="lblName" CssClass="edit" runat="server" Text='&lt;%# Eval("GroupDescription") %&gt;'&gt;&lt;/asp:Label&gt;
            &lt;/ItemTemplate&gt;
        &lt;/asp:TemplateField&gt;

function makeLabelsEditable() {

    $(".edit").focusout(function () {
        setLabel(this);
    });

    $(".edit").click(function () {
        editLabel(this);
    });
}

function editLabel(source) {
    source.innerHTML = '&lt;input type="text" maxlength="40" value="' + source.innerHTML + '"/&gt;';
    $(source).unbind('click');
    source.children[0].focus()
}
function setLabel(source) {    
    if (source.children[0].value != '') {
        $(source).click(function () {
            editLabel(this);
        });
        source.innerHTML = source.children[0].value;
    }    
}
</code></pre>
