从逗号分隔的字符串创建 html 表 javascript

我正在尝试编写一个 Javascript 函数，该函数将文本写入（最终）创建以下 html 表（我将向它传递不同长度的参数以创建数百个表）：

<table>
    <tr><td><u>School</u></td>
    <td><u>Percent</u></td>
    <tr><td>School 1: </td>
    <td>Percent1</td></tr>
    <tr><td>School 2: </td>
    <td>Percent2</td></tr>
    <tr><td>School 3: </td>
    <td>Percent3</td></tr>  
</table>

我的输入是逗号分隔的字符串：

var school_list = "School 1, School 2, School 3"
var pct_list = "Percent1, Percent2, Percent3"

该函数需要传入school_list和pct_list，并返回上面html表格代码的字符串。

像这样的东西：

var schoolArr = school_list.split(',');
var pctArr = pct_list.split(',');
var table = "<table>";
for (var i=0; i< schoolArr.length; i++) {
    table = table + "<tr><td>"+ schoolArr[i]+"</td><td>"+ pctArr[i] +"</td></tr>"; 
}
table = table + "</table>";

return table;