如何在jquery中根据输入的行和列显示乘法表？

$(document).ready(function() {
  $("#submit").click(function() {
    var rows = parseInt($("#rows").val());
    var cols = parseInt($("#cols").val());
    
    var table = $("<table></table>");
    
    for (var i = 1; i <= rows; i++) {
      var row = $("<tr></tr>");
      
      for (var j = 1; j <= cols; j++) {
        var cell = $("<td></td>").text(i * j);
        row.append(cell);
      }
      
      table.append(row);
    }
    
    $("#result").html(table);
  });
});

<label for="rows">行数：</label>
<input type="number" id="rows">
<br>
<label for="cols">列数：</label>
<input type="number" id="cols">
<br>
<button id="submit">生成乘法表</button>
<br>
<div id="result"></div>