buttons turn off everytime I make a change
<p>Here is a <a href="http://helios.hud.ac.uk/u0867587/Mobile_app/Text16.php" rel="nofollow">demo</a> of part of an application I am currently working on. Please follow the steps below:</p>

<ul>
<li>Step 1: On left hand side you will see a green plus button, click on
it and it opens up 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 click on the "Add" button, you will see a
bunch of letter buttons appear on the right hand side with a button
highlighted green.</li>
<li>Step 4: Now click on the "Add Question" button, this will add a row
below where it copies the option and answer control from top into the
row.</li>
</ul>

<p>Now repeat the steps 1 to 3 again except in step 3, add a different row by clicking on "Add" button in a different row.</p>

<p>Problem:</p>

<p>The problem is that after you repeat steps 1-3, you will see that the letter buttons within the row you have just appeanded, turns back to white again (in other words all letter buttons are turned off), this should not happen, the letter buttons within the row should not be affected at all if you are using the option and answer control on top.</p>

<p>So my question is what is causing the letter buttons within the row(s) to be turned off after you have clicked on the "Add" button for the top option and answer control?</p>

<p>UPDATE</p>

<p>below is code where it stores in letter buttons in an added row:</p>

<pre><code>var $this, i=0, $row, $cell;
$('#optionAndAnswer .answers').each(function() {
    $this = $(this);
    if(i%7 == 0) {
        $row = $("&lt;tr/&gt;").appendTo($answer);
        $cell = $("&lt;td/&gt;").appendTo($row);
    }
    var $newBtn = $("&lt;input class='answerBtnsRow answers' type='button' style='display:%s;' onclick='btnclick(this);' /&gt;".replace('%s',$this.is(':visible')?'inline-block':'none')).attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class')).attr('id', $this.attr('id')+'Row');


    $newBtn.appendTo($cell);

    i++;
});
</code></pre>

<p>You can look at the view source of code as well but simply what is happening is hen the user click on the "Add Question" button, it takes the letter buttons from top and moves them into the appended row.</p>
