Javascript 重用模态输入框

我有一个模式，我可以提交数据，但是，我需要能够这样做多次

我面临的问题是，对于我当前的代码，我只能提交一次，然后从那里它将返回我第一次提交的数据，而不是允许我重用模式对话框

有人能告诉我如何使用下面的示例页面重用/清除模式中的数据吗

此处为示例页面：

---

将html存储在变量中，然后在关闭花式方框后将其放入

中

$(document).ready(function() {
    $(".modalbox").fancybox({'closeBtn' : false });
    $("#newinput").submit(function() { return false; });
    $inline = $('#inline').html(); //Store the html

    $(document).on("click", "#submit", function(e){ //Make the event with document
        e.preventDefault();
        var msgval    = $("#msg").val();
        var msglen    = msgval.length;

        if( msglen < 1) {
            $("#msg").addClass("error");
        }
        else if( msglen > 0){
        $("#msg").removeClass("error");
        $("#newinput").fadeOut("fast", function(){
        $(this).before("<p><strong>Input = " + msgval + "</strong></p>");
        setTimeout(function(){
            $.fancybox.close();
            $("#inline").html($inline); //Place the html
            }, 1000);
        });
    }
        console.log($("#msg").val());
    });
});

$（文档）.ready（函数（）{
$（“.modalbox”）.fancybox（{'closeBtn'：false}）；
$（“#newinput”）.submit（函数（）{return false；}）；
$inline=$（'#inline'）.html（）；//存储html
$（文档）。在“单击”、“提交”上，函数（e）{//使用文档制作事件
e、 预防默认值（）；
var msgval=$（“#msg”）.val（）；
var msglen=msgval.length；
如果（msglen<1）{
$（“#msg”）.addClass（“错误”）；
}
否则如果（msglen>0）{
$（“#msg”）.removeClass（“错误”）；
$（“#newinput”）.fadeOut（“快速”，函数（）{
$（此）。在（“Input=“+msgval+””）之前；
setTimeout（函数（）{
$.fancybox.close（）；
$（“#inline”）.html（$inline）；//放置html
}, 1000);
});
}
log（$（“#msg”）.val（））；
});
});

$（文档）.ready（函数（）{
$（“.modalbox”）.fancybox（{'closeBtn'：false}）；
$（“#newinput”）.submit（函数（）{return false；}）；
$inline=$（'#inline'）.html（）；
$（文档）。在（“单击”，“提交”，函数（）上）{
var msgval=$（“#msg”）.val（）；
var msglen=msgval.length；
如果（msglen<1）{
$（“#msg”）.addClass（“错误”）；
}
否则如果（msglen>0）{
$（“#msg”）.removeClass（“错误”）；
$（“#newinput”）.fadeOut（“快速”，函数（）{
$（此）。在（“Input=“+msgval+””）之前；
setTimeout（函数（）{
$.fancybox.close（）；
$（“#inline”）.html（$inline）；
}, 1000);
});
}
log（$（“#msg”）.val（））；
});
});

*{边距：0；填充：0；轮廓：无；}
html{字体大小：62.5%；高度：101%；}
正文{背景：#fff；字体系列：“Calibri”，Arial，无衬线；}
img{边界：0；}
a{color:#3a51b2；文本装饰：无；}
a:悬停{文本装饰：下划线；}
h2{字体大小：1.8em；行高：1.9em；页边距底部：15px；}
p{颜色：#6565；字体大小：1.2em；页边底部：10px；}
#包装{宽度：640px；边距：0自动；填充：30px 45px；}
#内联{显示：无；}
标签{右侧空白：12px；底部空白：9px；字体系列：乔治亚，衬线；颜色：#646464；字体大小：1.2em；}
.txt{
显示：内联块；
颜色：#6767；
宽度：420px；
字体系列：Arial、Tahoma、无衬线字体；
边缘底部：10px；
边框：1px点#ccc；
填充：5px9px；
字体大小：1.2米；
线高：1.4em；
}
.TXT区域{
显示：块；
调整大小：无；
颜色：#6767；
字体系列：Arial、Tahoma、无衬线字体；
边缘底部：10px；
边框：1px点#ccc；
填充：5px9px；
字体大小：1.2米；
线高：1.4em；
}
.txt:focus.txtarea:focus{边框样式：实心；边框颜色：#bababa；颜色：#444；}
input.error，textarea.error{边框颜色：#973d3d；边框样式：纯色；背景：#F0BEBEBE；颜色：#a35959；}
input.error:focus，textarea.error:focus{border color:#973d3d；color:#a35959；}
#发送{
颜色：#dee5f0；
显示：块；
光标：指针；
填充：5px11px；
字体大小：1.2米；
边框：实心1px#224983；
边界半径：5px；
背景：1e4c99；
背景：-webkit渐变（线性、左上、左下、从（#2f52b7）到（#0e3a7d））；
背景：-莫兹线性梯度（顶部，#2f52b7，#0e3a7d）；
背景：-webkit线性梯度（顶部，#2f52b7，#0e3a7d）；
背景：-o-线性梯度（顶部，#2f52b7，#0e3a7d）；
背景：-ms线性梯度（顶部，#2f52b7，#0e3a7d）；
背景：线性梯度（顶部，#2f52b7，#0e3a7d）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#2f52b7'，endColorstr='#0e3a7d'）；
}
#发送：悬停{
背景#183d80；
背景：-webkit渐变（线性、左上、左下、从（#284f9d）到（#0c2b6b））；
背景：-莫兹线性梯度（顶部，#284f9d，#0c2b6b）；
背景：-webkit线性梯度（顶部，#284f9d，#0c2b6b）；
背景：-o-线性梯度（顶部，#284f9d，#0c2b6b）；
背景：-ms线性梯度（顶部，#284f9d，#0c2b6b）；
背景：线性梯度（顶部，#284f9d，#0c2b6b）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#284f9d'，endColorstr='#0c2b6b'）；
}
#发送：活动{
颜色：#8c9dc0；
背景：-webkit渐变（线性、左上、左下、从（#0e387d）到（#2f55b7））；
背景：-莫兹线性梯度（顶部，#0e387d，#2f55b7）；
背景：-webkit线性梯度（顶部，#0e387d，#2f55b7）；
背景：-o-线性梯度（顶部，#0e387d，#2f55b7）；
背景：-ms线性梯度（顶部，#0e387d，#2f55b7）；
背景：线性梯度（顶部，#0e387d，#2f55b7）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0e387d'，endColorstr='#2f55b7'）；
}

从模式窗口向我们发送反馈


新输入
好啊
将html存储在变量中，然后在关闭花式方框后将其放入
中

$(document).ready(function() {
    $(".modalbox").fancybox({'closeBtn' : false });
    $("#newinput").submit(function() { return false; });
    $inline = $('#inline').html(); //Store the html

    $(document).on("click", "#submit", function(e){ //Make the event with document
        e.preventDefault();
        var msgval    = $("#msg").val();
        var msglen    = msgval.length;

        if( msglen < 1) {
            $("#msg").addClass("error");
        }
        else if( msglen > 0){
        $("#msg").removeClass("error");
        $("#newinput").fadeOut("fast", function(){
        $(this).before("<p><strong>Input = " + msgval + "</strong></p>");
        setTimeout(function(){
            $.fancybox.close();
            $("#inline").html($inline); //Place the html
            }, 1000);
        });
    }
        console.log($("#msg").val());
    });
});

$（文档）.ready（函数（）{
$（“.modalbox”）.fancybox（{'closeBtn'：false}）；
$（“#newinput”）.submit（函数（）{return false；}）；
$inline=$（'#inline'）.html（）；//存储html
$（文档）。在“单击”、“提交”上，函数（e）{//使用文档制作事件
e、 预防默认值（）；
var msgval=$（“#msg”）.val（）；
var msglen=msgval.length；
如果（msglen<1）{
$（“#msg”）.addClass（“错误”）；
}
否则如果（msglen>0）{
$（“#msg”）.removeClass（“错误”）；
$（“#newinput”）.fadeOut（“快速”，函数（）{