与按钮值编辑文本，然后在阵列比较答案存储(editing text with button valu

http://jsfiddle.net/Victoriamisu/jKvvU/

用户将看到的字母给定的n个，让我们说两句，然后将显示画面中的小提琴，并点击他们看到了两个字母。

比方说，首先显示的字母的排列是

var letters = new Array();
            letters = [
                { seq:  1, correct: 'C', display:"C", response:" "},
                { seq:  2, correct: 'X',  display:"X", response:" "}

            ];

我想这样，当按钮中的一个用户点击，说她点击C，它会打印C处于第一框，然后不管他/她下一个选择到下一个框在小提琴的权利。

在那之后，点击确认按钮将显示一个新的屏幕比较反对那些正确的答案。所以.response将更新并进行比较，以.correct。

我可以加载在我的屏幕阵列一个新的屏幕，但我要如何做到这一点，使每个按钮的值存储在回应？

我想是这样

if( screens[curScreen].lettershow )   // I have the screen set so that it's lettershow:true
                {

            var responseRaw = new String;

            letters[curTrial].response = responseRaw;

并以某种方式让显示responseRaw = $（ “＃C”）VAL（）。（不知道如果val是正确的，C是只是任何一个按钮的按钮ID）

此屏幕上的文字会说，无论是正确的：你的回答_（无论用户点击）或不正确的，具有同样的事情

我更新你的jsfiddle，使得用户点击被添加到右侧面板中的字母。 http://jsfiddle.net/jKvvU/5/

我用下面的jQuery：

$(document).ready(function() {
    $(".btnControlLeft").on("click", function() {
        var letterbox = 1;
        while (letterbox < 7 && $("#" + letterbox).html() != "&nbsp;") {
            letterbox++;
        }

        if (letterbox < 7) {
            $("#" + letterbox).html($(this).attr("id"));
        }
    });
})