get updated value in jquery inline editing?
<p>I can't get updated value of text box in following codes.</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;script src='jquery.js'&gt;&lt;/script&gt;
        &lt;script type='text/javascript'&gt;
            $(document).ready(function(){
                $("#edit").click(function(){
                    if($(this).html() == "Edit"){
                        $(this).html("Update");
                        var my_val = $(this).parents().find("#name").html();
                        var new_html = "&lt;input type='text' value='" + my_val + "' /&gt;";
                        $(this).parents().find("#name").html(new_html);
                        return false;
                    }else{
                        if($(this).html() == "Update"){
                            var txt_box = $(this).parents().find("#name").html();
                            alert($(txt_box).val());
                        }
                    }
                });

            });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;table id='test_table'&gt;
            &lt;tr&gt;
                &lt;td id='name'&gt;My Name&lt;/td&gt;
                &lt;td&gt;&lt;a href='#' id='edit'&gt;Edit&lt;/a&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
