title: jquery fetch answer on click submit(sources data from database)
body: <p>hello i have a piece of code  here, it fetches data(questions and options) from the database. all i need help with is that i want to get all the answer on click submit button </p>
  
  <pre><code>    &lt;?php
  $res = $conn-&gt;query("select * from questions where category_id='$category' ORDER BY RAND()") ;
  $rows = mysqli_num_rows($res);
  $i=1;
  while($result=mysqli_fetch_array($res)){?&gt;
  
      &lt;?php if($i==1){?&gt;        
      &lt;div id='question&lt;?php echo $i;?&gt;' class='cont'&gt;
          &lt;p class='questions' id="qname&lt;?php echo $i;?&gt;"&gt; &lt;?php echo $i?&gt;.&lt;?php echo $result['question_name'];?&gt;&lt;/p&gt;
          &lt;input type="radio" value="1" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer1'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="2" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer2'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="3" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer3'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="4" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer4'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" checked='checked' style='display:none' value="5" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;                     
          &lt;br/&gt;
          &lt;button id='next&lt;?php echo $i;?&gt;' class='next btn btn-success' type='button'&gt;Next&lt;/button&gt;
      &lt;/div&gt;    
  
      &lt;?php }elseif($i&lt;1 || $i&lt;$rows){?&gt;
      &lt;div id='question&lt;?php echo $i;?&gt;' class='cont'&gt;
          &lt;p class='questions' id="qname&lt;?php echo $i;?&gt;"&gt;&lt;?php echo $i?&gt;.&lt;?php echo $result['question_name'];?&gt;&lt;/p&gt;
          &lt;input type="radio" value="1" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer1'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="2" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer2'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="3" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer3'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="4" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer4'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" checked='checked' style='display:none' value="5" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;                     
          &lt;br/&gt;
          &lt;button id='pre&lt;?php echo $i;?&gt;' class='previous btn btn-success' type='button'&gt;Previous&lt;/button&gt;       
          &lt;button id='next&lt;?php echo $i;?&gt;' class='next btn btn-success' type='button' &gt;Next&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;?php }elseif($i==$rows){?&gt;
      &lt;div id='question&lt;?php echo $i;?&gt;' class='cont'&gt;
          &lt;p class='questions' id="qname&lt;?php echo $i;?&gt;"&gt;&lt;?php echo $i?&gt;.&lt;?php echo $result['question_name'];?&gt;&lt;/p&gt;
          &lt;input type="radio" value="1" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer1'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="2" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer2'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="3" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer3'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" value="4" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;&lt;?php echo $result['answer4'];?&gt;
          &lt;br/&gt;
          &lt;input type="radio" checked='checked' style='display:none' value="5" id='radio1_&lt;?php echo $result['id'];?&gt;' name='&lt;?php echo $result['id'];?&gt;'/&gt;                     
          &lt;br/&gt;
          &lt;button id='pre&lt;?php echo $i;?&gt;' class='previous btn btn-success' type='button'&gt;Previous&lt;/button&gt;       
          &lt;button id='next&lt;?php echo $i;?&gt;' class='next btn btn-success submit' type='submit'&gt;Finish&lt;/button&gt;
          &lt;/div&gt;
      &lt;?php 
  
      } 
  $i++;
  } ?&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>please guide me with a jquery code that can fetch all answer onsubmit.
  This is what i have tried below</p>
  
  <pre><code>  $(document).on('click','.submit',function(){
   var answer = [];
  $. each($(this.checked), function(){
   answers. push($(this). val());
   });
   alert("your answers are: " + answers. join(", "));
  </code></pre>