title: Want to display "True" and "False" buttons
body: <p>I have a grid of buttons where user opens up the gird by clicking on the (Open Grid) link and then clicking on a button in that grid. What I want to do is that if user clicks on the "True or False" button, then it should output buttons "True" and "False" underneath the "Number of Answers" textbox. But it is not displaying anything. What am I doing wrong?</p>
  
  <p>The code is here:</p>
  
  <pre><code>$(".gridBtns").click(function() {
  
     var clickedNumber = this.value;
  
     $('.answerBtns').each(function (index) {
        if (index &lt; clickedNumber)
           $(this).show();
        else
           $(this).hide();
     });
  
     if (document.getElementsByClassName("gridBtns").value == "True or False")
     {
         document.getElementId("answerTrue").style.display = "block";
     }
  
  });
  </code></pre>
  
  <p>Full code is in jsfiddle, click <a href="http://jsfiddle.net/pSy97/16/" rel="nofollow">here</a></p>