如果jquery中包含任何空格，则会截断Textbox文本

我试图将文本更新为文本框，但它忽略了空格后的文本

$.each(areas, function(i, value) {
    $("#Area_block_edit").append("<div class='textBoxStyles1'>" +
        "<article class='passwordBodyText'>Name</article>" +
        "<input type='text' readonly='true' class='newregionText' value=" + value + " /></div>");
});

<section class='forgetPasswordSection' id='AddNewMultipleRegionSectionId'>
    <div class='closeBtn' id='closeBtnId'>&times;</div>
    <article class='headerText pswHeaderText'>Edit Multiple Area</article>
    <div class='hrClass'></div>
    <div class='scrollBarClass' id="Area_block_edit"></div>
    <div class='hrefLinks'>
        <a class='hrefClick' href='#' title="+ Add More" id="addmoreArea">+ Add More</a>
        <input type="button" value="Save Area" title="SaveArea" class='AreaBtn okBtn' id='AddNewAreas' />
    </div>
</section>

---

我正在像上面那样更新。区域包含以下文本测试123、测试1234，但它只添加了测试，在文本框中测试

空白后的文本是什么意思？哪个空白？是的，空白后的文本也共享我的HTML