Q:

knockout doesn't update html after get data from ajax

I bind list of data to HTML, in each list has button for get details by ajax.  I want to bind callback data to member of model, After ajax call back, object have data, view received (  ko.toJSON(d, null, 2))object.  But HTML doesn't update data. 
I don't know what is wrong.  please help.  Thank you. 
Html:
<section id="lists">
    <article class="todoList">
        <script type="text/html" id="person-template">
          <!--   <p>Credits: <span data-bind="text: message"></span></p>-->
            <p>xxx</p>
        </script>
        <ul data-bind="foreach: Items">
            <li>
                <div>
                    <span class="contentarea" data-bind="text: message"></span>
                    <button data-bind="click: $parent.evClick.bind($data)">Get details</button>
                    <button data-bind="click: detail">Ajax-Get</button>
                    <p>Credits: <span data-bind="text: d.message"></span></p>
                    <div style="display: block; width: 200px; height: 200px; border: solid 1px #ff6a00;" data-bind="text: ko.toJSON(d, null, 2)"></div>
                </div>

            </li>
        </ul>
    </article>
</section>

Full code here. 
http://jsfiddle.net/wuttipat/sc8fX/12/

A:

You should use
<div data-bind="with: d">
    <span data-bind="text: message"></span>

Because data-bind="with: d" create scope for binding context when you use data-bind="text: message" inside it will reference to parent binding context in this case mean d.
Full code here : http://jsfiddle.net/sc8fX/74/

