One thing I marked here is that you are making tables for each data row returned. But I don't think you needed that. Ideally all the rows should be in a Table.
So, the below code...
$.get("/country/Create", {}, function (data) {
$.each(data, function (index, row) {
$("#tb1").append("<table><tbody><tr><td>" + row.ID + "</td><td>" + row.Name + "</td></tr></tbody></table>");
});
});
should be like...
$.get("/country/Create", {}, function (data) {
$("#tb1").append("<table><tbody>");
$.each(data, function (index, row) {
$("#tb1").append("<tr><td>" + row.ID + "</td><td>" + row.Name + "</td></tr>");
});
$("#tb1").append("</tbody></table>");
});
If you are having any other issues regarding the data, then please debug and see what is exactly happening.