调试易

大家好，我遇到了个奇怪的问题，如图所示，当我使用JQuery ajax更新过图片的信息后，用于显示图片信息的文本框不知道为什么改变不了了，虽然文本框的Value一直在变化，但是在页面上显示的还是原样没有变化，很奇怪。
我的页面左侧有一些<li>元素,下面是替换图片,添加图片信息到文本框的代码.     //点击li,替换背景,同时获取图片的信息,添加到信息栏;
     $(".smallPicUl li").click(function () {
            $(".smallPicUl li").removeClass("liSelected");
            $(this).addClass('liSelected');
            var thisid = $(this).attr("id");
            $.get("../Tools/viewserver.ashx", { id: thisid, action: "getProjectPictureInfo" },
            function (data) {
                 $("#pictureInfo").attr("value", data);
                 $("#pictureInfo").attr("data-id", thisid); //给bigImg控件添加一个id;
            });
     });
这个是更改图片信息的代码;        function updateImgInfo() {
            var thisid = $("#pictureInfo").attr("data-id");
            if (thisid != "") 
            {
                $.post("../Tools/viewserver.ashx", { id: thisid, text: $("#pictureInfo").val(), action: "updateProjectPictureInfo" });
            }
        };
文本框和更新按钮的代码<div class="PicInfo">
     <input runat="server" id="pictureInfo" class="PicInfoInput" type="text" />
     <input id="ButtonEdit" type="button" value="修改" onclick="updateImgInfo()" />
</div>
求各位高手帮忙解答下，我不明白问题出在哪，是不是我AJAX写错了。Ajax