True, False, Yes and No button does not get selected
<p>I have a bunch of letter buttons from A-Z and I also have 4 other buttons ("True","False","Yes" and "No")</p>

<p>The html code which displays the 4 buttons ("True","False","Yes" and "No") is below:</p>

<pre><code>&lt;td&gt;
    &lt;input class="answerBtns answers answerBtnsOff" name="answerTrueName"  id="answerTrue"  type="button"   value="True"    onclick="btnclick(this);"/&gt;
    &lt;input class="answerBtns answers answerBtnsOff" name="answerFalseName" id="answerFalse"     type="button"   value="False"   onclick="btnclick(this);"/&gt;
    &lt;input class="answerBtns answers answerBtnsOff" name="answerYesName"   id="answerYes"   type="button"   value="Yes"     onclick="btnclick(this);"/&gt;
    &lt;input class="answerBtns answers answerBtnsOff" name="answerNoName"    id="answerNo"        type="button"   value="No"      onclick="btnclick(this);"/&gt;
    &lt;/td&gt;
</code></pre>

<p>The code below controls an "Add row" button where when clicked it will turn off all the buttons and it should turn on only the required buttons depending on the button's id matching the answer.</p>

<pre><code>    function addwindow(btn) { 
        var answers = $.map(btn.split(''),function(chr){   return "#answer"+chr;  }).join(', ');
$('.answerBtns').removeClass('answerBtnsOff').removeClass('answerBtnsOn');
        $('.answerBtns').addClass('answerBtnsOff');
        $(answers).addClass("answerBtnsOn");
    }
</code></pre>

<p>The problem is that I click on the "Add row" button and the Answer was "True", then it should turn off all buttons and only turn on the "True" button (#answerTrue). But it is not turning on this button for this example. In fact it doesn't turn on those 4 buttons ("True","False","Yes","No"). Does anyone know why these 4 buttons won't turn on after "Add row" button is clicked?</p>

<p>UPDATE:</p>

<p>The url to the application is <a href="http://helios.hud.ac.uk/u0867587/Mobile_app/Text16.php" rel="nofollow">here</a>. Please follow steps below to be able to use the app:</p>

<ul>
<li>Step 1: When you open applicaton, you see a green plus button on the
page, click on it and it will display a modal window.</li>
<li>Step 2: In modal window there is a search bar, type in "AAA" and
submit search, you will see a bunch of rows appear.</li>
<li>Step 3: In the first row, you see under "Answer" colum that the
answer is B, click on the "Add" button within this row, the modal
window will close and you will see that the answer buttons have been
displayed with the "B" button highlighted.</li>
</ul>

<p>Now this works fine but it only works for letter buttons:</p>

<ul>
<li>Step 4: Click on the green plus button again and this time perform
the search for "true";</li>
<li>Step 5: This time you will see one row appear when under the "Answr"
column the answer is "True". Add this row by clicking on the "Add"
button</li>
<li>Step 6: You will see that it displays the "True" and "False" buttons
but the "True" button is not highlighted, even though the answer is
"True".</li>
</ul>

<p>Why doesn't it highlight this button?</p>
