Can't set HTML using jQuery
<p>For some reason, my script isn't writing out the text after I remove the textbox element. Am I incorrectly using the <code>.html</code> or is something else wrong?</p>

<pre><code>        $('.time').click(function () {
            var valueOnClick = $(this).html();
            $(this).empty();
            $(this).append("&lt;input type='text' class='input timebox' /&gt;");
            $('.timebox').val(valueOnClick);
            $('.timebox').focus();
            $('.timebox').blur(function () {
                var newValue = $(this).val();
                var dataToPost = { timeValue: newValue };
                $(this).remove('.timebox');
                if (valueOnClick != newValue) {
                    $.ajax({
                        type: "POST",
                        url: "Test",
                        data: dataToPost,
                        success: function (msg) {
                            alert(msg);
                            $(this).html("88");
                        }
                    });
                } else {
                    // there is no need to send 
                    // an ajax call if the number
                    // did not change
                    alert("else");
                    $(this).html("88");
                }
            });
        });
</code></pre>

<p>OK, thanks to the comments, I figured out I was referencing the wrong thing. The solution for me was to change the blur function as follows:</p>

<pre><code>            $('.timebox').blur(function () {
                var newValue = $(this).val();
                var dataToPost = { timeValue: newValue };
                if (valueOnClick != newValue) {
                    $.ajax({
                        type: "POST",
                        url: "Test",
                        data: dataToPost,
                        success: function (msg) {
                        }
                    });
                } else {
                    // there is no need to send 
                    // an ajax call if the number
                    // did not change
                }
                $(this).parent().html("8");
                $(this).remove('.timebox');
            });
</code></pre>
