title: How to know which data have to be send via ajax specific issue
body: <p>I'm learning JS and met another difficulty in my way, so hope anyone can help. No matter it will be solution in jQuery or Angular, anyway I need both and just wanna get the concept. So, I've got 2 types of tasks in my HTML, user may choose which one he gonna solve - audio or graphic. Now my JS looks like:</p>
  
  <pre><code>var request = $http({
    method:  'POST',
    url:     'check.php',
    data:    {
      'audioAnswer': $scope.audioValue.data,
      'imageAnswer': $scope.imageValue.data,
      'userAnswer':  $scope.userAnswer
    },
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
  });
  </code></pre>
  
  <p>As you can see now I'm sending user answer and both questions ID (audio &amp; graphic). So I don't know which one he has been solving and just compare both with user answer on my server, obviously it's not the best solution... </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Current HTML with audio &amp; graphic tasks looks like</p>
  
  <pre><code>&lt;div class="cptch_bottom-hold"&gt;
     &lt;div class="cptch_player" id='cptch_blue-button' ng-show='show'&gt;
       &lt;i class="fa fa-volume-up cptch_icon-hold" id="cptch_icon"&gt;
         &lt;audio ng-src='{{audioSrc.data}}' id="audioplayer"&gt;&lt;/audio&gt;
         &lt;input type="hidden" name="audio_answer" class="player_input" ng-model='audioValue'&gt;
       &lt;/i&gt;
     &lt;/div&gt;
     &lt;div class="image-hold" ng-show='!show'&gt;
       &lt;img class='cptch_image' ng-src='{{imageSrc.data}}' ng-if='imageSrc' alt='image'&gt;
       &lt;input type="hidden" name="image_answer" class="image_input" ng-model='imageValue'&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So question is - how to understand which task user's been solving? Tasks changes just clicking on one button, so in one moment of time you can see just one task.
  Any advises will be greatly appreciated :)</p>