title: jQuery Quiz compare correct answer in array
body: <p><strong>My HTML</strong></p>
  
  <pre><code>&lt;div class="questions"&gt;
      &lt;p&gt;Q1&lt;/p&gt;
      &lt;label&gt;&lt;input name="q1" id="q1-a" type="radio" /&gt;Q1 ans A&lt;/label&gt;
      &lt;label&gt;&lt;input name="q1" id="q1-b" type="radio" /&gt;Q1 ans B&lt;/label&gt;
      &lt;label&gt;&lt;input name="q1" id="q1-c" type="radio" /&gt;Q1 ans C&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div class="questions hide"&gt;
      &lt;p&gt;Q2&lt;/p&gt;
      &lt;label&gt;&lt;input name="q2" id="q1-a" type="radio" /&gt;Q2 ans A&lt;/label&gt;
      &lt;label&gt;&lt;input name="q2" id="q1-b" type="radio" /&gt;Q2 ans B&lt;/label&gt;
      &lt;label&gt;&lt;input name="q2" id="q1-c" type="radio" /&gt;Q2 ans C&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div class="questions hide"&gt;
      &lt;p&gt;Q3&lt;/p&gt;
      &lt;label&gt;&lt;input name="q3" id="q1-a" type="radio" /&gt;Q3 ans A&lt;/label&gt;
      &lt;label&gt;&lt;input name="q3" id="q1-b" type="radio" /&gt;Q3 ans B&lt;/label&gt;
      &lt;label&gt;&lt;input name="q3" id="q1-c" type="radio" /&gt;Q3 ans C&lt;/label&gt;
  &lt;/div&gt;
  &lt;a href="#" id="checkAns"&gt;Check&lt;/a&gt;
  </code></pre>
  
  <p><strong>MY JS</strong></p>
  
  <pre><code>$("#checkAns").click(function(){
  
  }
  </code></pre>
  
  <p>Here are the array of answer which I want to compare</p>
  
  <pre><code>answers: { q1: 'a', q2: 'b', q3: 'a'}
  </code></pre>
  
  <p>If user trigger radio button then it will show alert if is Correct or Wrong then it will return true; if wrong false then this is the time it will show another question for answering</p>
  
  <p>I do want to avoid if else in checking the user answer is this possible?</p>