I need to insert the i where the id number strings are. How can I do that?

for(let i=0; i<(localStorage.rows-1); i++){
    let id = localStorage.colorCount.toString();


        let x = i;

    $("body").append("<div class=\"grid\">\n" +
        "    <div id=\"0\" class=\"square\">div</div>\n" +
        "    <div id=\"1\" class=\"square\">div</div>\n" +
        "    <div id=\"2\"class=\"square\">div</div>\n" +
        "    <div id=\"3\"class=\"square\">div</div>\n" +
        "    <div id=\"4\"class=\"square\">div</div>\n" +
        "    <div id=\"5\"class=\"square\">div</div>\n" +
        "    <div id=\"6\"class=\"square\">div</div>\n" +
        "</div>")
}