jquery - ラジオ ボタンの選択に基づいて div を表示/非表示

Question

送信時に回答された div を表示する短い「はい」または「いいえ」のラジオ ボタン jQuery クイズを作成しようとしています。

3 つの質問すべてに「はい」または「いいえ」で回答し、[送信] をクリックすると、クイズの下に回答が表示されます。いずれかの質問に「はい」と答えると、「#はい」オプションが表示されます。いずれかの質問に「いいえ」と答えると、「いいえ」の選択肢が表示されます。私はそれを理解することはできません。

<div style="margin: 25px 0px 0px 50px;">
<form name="SurveyDemoForm" type="external" action="" method="post"  onsubmit="return OnSubmitForm();"> 

  Does your business need the ability to collect payments from your vendors?<br/><br/>
  <input type="radio" name="question-1" value="Yes" id="q1-a">Yes&nbsp;&nbsp;&nbsp;
  <input type="radio" name="question-1" value="No" id="q1-b">No<br/><br/><br/>

  Do you need to make, in any rolling three Business Days, payments more than an aggregate amount of $75,000?<br/><br/>
  <input type="radio" name="question-2" value="Yes" id="q2-a">Yes&nbsp;&nbsp;&nbsp;
  <input type="radio" name="question-2" value="No" id="q2-b">No<br/><br/><br/>

 Do you need account access for more than 10 additional users?<br/><br/>
  <input type="radio" name="question-3" value="Yes" id="q3-a">Yes&nbsp;&nbsp;&nbsp;
  <input type="radio" name="question-3" value="No" id="q3-b">No<br/><br/><br/>


  <input type="submit" id="submit" value="Submit">
</form> 
</div>

<div>
<p id="yes"><a href="#">Cash Manager Onine</a></p>
<p id="no"><a href="#">Small Business Online</a></p>
    </div>


    <script type="text/javascript"> 

     $(function() {
        var rules = ['q1-a,q2-a,q3-a']
         $('#submit').click(function() {
            $('#yes,#no').hide();
            if( $('input[name=question-1]:checked').map(function(i,v) { return v.id; }).get().join(',') == rules[0] ) {
                $("#yes").show();
             }
             else
            {   
                $("#no").show();
            }
        });
    });

    </script>