Question

The code is working!!

I now have a quiz that does the following: A user picks one the radio buttons. On submit the selected answer fades in. Thanks to everyone who contributed to the answer.

** The submit button does not submit to a database or other scripting language

// **************  Quiz 2 (right side) ********************//
var selectAnswer = function(){  
var answer = $("input[name='radio2']:checked").val();
    console.log(answer);
         if(answer=='correct2') {
            $("#quiz2").fadeOut(function(){
                 $("#correct2").fadeIn();             
              });
          $("#wrong1a").hide();
          }
    if(answer=='wrong1a') {
         $("#quiz2").fadeOut(function(){
             $("#wrong1a").fadeIn(); }
         )};

    if(answer=='wrong2a') {
         $("#quiz2").fadeOut(function(){
             $("#wrong2a").fadeIn(); }
             )};

    if(answer=='wrong4a') {
         $("#quiz2").fadeOut(function(){
             $("#wrong4a").fadeIn(); 
         }); 

        $("#correct2").hide();

        }
        //end of of selectAnswer\

// end of of selectAnswer
};
$(document).ready(function(){  // when the submit button is pressed, run selectAnswer function
    $("#submitButton2").click(selectAnswer);

 $("#correct2").hide();
$("#wrong1a").hide();

});

HTML

<div class="inputs_bg4"><input name="radio2" type="radio" value="wrong1a"></div></td>
<div class="inputs_bg4"><input name="radio2" type="radio" value="wrong2a"></div></td>
<div class="inputs_bg3"><input name="radio2" type="radio" value="correct2"></div></td>
<div class="inputs_bg4"><input name="radio2" type="radio" value="wrong4a"></div></td>

Answer 1

Just delete $("input[name='radio2']").click(function() {} around selectAnswer and use var answer = $("input[name='radio2']:checked").val(); on the first line.