title: prevent button press until radio button selected
body: <p>I have a button that is created on each slide in a quiz game. Radio buttons containing the answer choices are appended from an object onto each slide as you cycle through the questions. I want to require that a radio button be clicked on before you can access the nextQuestion button. You can find the .append() on line 5 of the code below (inside of the loadQuestion function). What method would be the best way to achieve the desired result? If you need more of the code, let me know. </p>
  
  <pre><code>var loadQuestion = function (){
          $('.question-name').html(name + (qnum) +"/"+ total);
          $('.question').html(questions[count].question);
          for(var i=0; i&lt;questions[count].options.length; i++) {
              $('.inputs').append('&lt;input type="radio" name="question" value="'+questions[count].options[i]+'"&gt;'+questions[count].options[i]+'&lt;br&gt;')
          }
      };
  
      /*--- First Question ---*/
      var name = "Question ";
      var qnum = 1;
      var count = 0;
      var total = questions.length;
      loadQuestion();
  
      /*--- When the Next Question Button is Hit ---*/
      nextQuestion.click(function() {
          $('.inputs').html("");
          qnum++;
          count++;
          if (qnum &lt;= 4) {
              loadQuestion();
          } else if (qnum == 6) {
              $('.question-name').html("Your Score:");
              $('.question').html("You got X out of 5 questions correct!");
              nextQuestion.html("Home Screen").click(function() {
                  location.reload();
              });
          } else if (qnum == 5){
              loadQuestion();
              $('.next-question').html("Get Score!");
          }
      });
  </code></pre>