使用 mySQL 数据、ajax、PHP post 更新 innerHTML 文本

好的，所以我已经在这个问题上挣扎了一段时间，我遇到了一堵我无法弄清楚的墙。我有一个包含许多表单的页面，用户将插入不同类型的输入，这些输入通过下面的 ajax 脚本提交到 mySQL 数据库（这部分都有效）。

现在，我需要某些字段来填充用户在其他输入字段中输入的信息。HTML 中的这些字段采用以下格式：

<div class="popField" id="client_input_3_0_1_a"><?php echoInput('client_input_3_0_1_a') ?></div>
<div class="popField" id="client_input_3_0_2_a"><?php echoInput('client_input_3_0_2_a') ?></div>

（上面的 echoInput（） 只是一个函数，当页面从 mySQL 数据库加载时，它会加载和填充此字段，该部分有效）。此处的 id 与用户输入的 id 及其在数据库中的位置匹配。

不起作用的是，当用户更改某些输入时，这应该使用他们的更改重新填充其中一个字段。而不是这样做，它似乎只重新填充最后一个div 以重新填充页面上，就好像数据以正确的顺序获取一样，但它只存储在页面上的最后一个div 中，而不是每个单独的div。关于我哪里出错了有什么想法吗？

    // Retrieve all forms of '.formAjax' on the page onChange
    $('.formAjax').change(function () {
        $.post('process.php', $(this).serialize(), function(data) {
            //process.php stores input to mySQL database
        });

        //retrieve divs that need to be populated with input
        var divstopop = document.getElementsByClassName("popField");
        for (var i = 0, n = divstopop.length; i < n; ++i){
            var dbID = divstopop[i].id;
            divstopop[i].innerHTML= divstopop[i].id; //this prints each respective ID correctly
            $.post("populateField.php", {dbID: dbID}, function(returned_data){
                //here populateField.php just retreives data from the database for the id dbID and echoes it back
                //divstopop[i].innerHTML = returned_data; //Does not work at all(?)
                document.getElementById(dbID).innerHTML = dbID + returned_data; 
                //Last div to populated is the only one that changes 
                //and it flashes through what each of the other ones should be populated with
            });
        }
    });
   });

没有说清楚，或者如果我在这里错过了一些非常明显的东西，我的大脑很累。