给input赋值带空格的字符串 input值被分割问题

var str = "{sddd:sdsdsd a}"
        $("#box").append("<input id='test' type='text' value="+ str +" >")

问题：

原因：字符串拼接问题

解决方案：

$("#box").append("<input id='test' type='text' value='"+ str +"' >")

拼接属性的时候变量外层也要加引号