Why can't I access properties with dot notation?
<p>I'm new to javascript.  Here's what I'm looking at: </p>

<p><img src="http://i.stack.imgur.com/NMi5h.png" alt="enter image description here"></p>

<p>Within my code, I'm trying to access those properties.  I've tried the following: </p>

<pre><code>result.id
result["id"]
result.CardId
result.cardId
</code></pre>

<p>All of which return null.  Any idea how I can access these properties? </p>

<p>Here's the full code: </p>

<pre><code>// Step 1: Get test side (this fnc is re-used several times)
    function getTestSide(succeed) {
        var msgPrefix = 'GET' + testMsgBase;
        $.ajax({
            type: 'GET',
            url: testUrl,
            success: function (result) {
                onCallSuccess(msgPrefix);
                okAsync(result.id === testSideId, 
                    "returned key matches testSide Id.");
                if (typeof succeed !== 'function') {
                    debugger;
                    start(); // no 'succeed' callback; end of the line
                    return;
                } else {
                    debugger;
                    succeed(result);
                };
            },
            error: function (result) { onError(result, 'whoops'); }
        });
    };
</code></pre>
