JSON数据使用ajax检索后未显示到视图

Question

我使用ajax从控制器检索Json数据。但我试图在一个特定的div中显示结果并尝试了很多东西，但无法弄清楚我做错了什么。我可以在控制台中看到它正在获取json数据，但它没有显示在特定的div中。

这是Json数据 -

Object
postage_result:
  costs:
       cost:{item: "Parcel Post", cost: "15.80"}
  delivery_time:"Delivered in 4 business days"
  service:"Parcel Post"
  total_cost:"15.80"

Ajax代码 -

<script>
        $.ajax({
            url: '/ShoppingCart/GetFreight',
            type: 'GET',
            success: function (response) {
                console.log(response);

                weather = ko.mapping.fromJS(response);  //populate the weather object
                ko.applyBindings(weather);
                $.each(response.postage_result, function (i, val) {
                    $("#cost").append(document.createTextNode(val.total_cost));
                })

            },
            error: function (error) {
                $(that).remove();
                DisplayError(error.statusText);
            }
        });
    </script>

查看代码 -

<td>Freight =<div id="cost"> </div></td>

请建议我该怎么做才能工作。