2. <?php
3.     if( $_POST["switch_3"] || $_POST["vegetarian"] ){
4.         $donateAmount = $_POST["switch_3"];
5.         $vegetarian = $_POST["vegetarian"];
6.         if($vegetarian == ""){
7.             $vegetarian = 0;
8.         }
9.         else{
10.             $vegetarian = 1;
11.         }
12.     }
13. ?>
14. <script type="text/javascript">
15.     // Check security token
16.     jtoken = jQuery("#jtoken").find("input").serialize();
17.     var donationAmount = '<?php echo $donateAmount; ?>';
18.     var vegetarian = '<?php echo $vegetarian; ?>';
19.     var url = "";
20. 
    
21.     if(vegetarian == 0){
22.         url = "/index.php?option=com_echarity&format=raw&task=api.get_suggestions&price=";
23.     }
24.     else{
25.         url = "/index.php?option=com_echarity&format=raw&task=api.get_suggestions&vegetarian=1&price=";
26.     }
27. 
    
28.     jQuery.ajax({
29.         type: "GET",
30.         timeout: 10000,
31.         url: url + donationAmount + "&" + jtoken,
32.         success: function(data){
33.             // console.log(data);
34.             var dataResult = JSON.parse(data);
35.             jQuery.each(dataResult, function(key,value){
36.                 console.log('*************************************************************************************');
37.                 console.log(value);
38.                 console.log('*************************************************************************************');
39.                 var charityID = value.charity_id;
40. 
    
41.                 // Get charity detail - name and article link
42.                 var url = "/index.php?option=com_echarity&format=raw&task=api.get_charity&charity_id=" + charityID;
43.                 
44.                 jQuery.ajax({
45.                     type: "GET",
46.                     timeout: 10000,
47.                     url : url + "&" + jtoken,
48.                     success: function(data){
49.                         console.log(data);
50.                         var dataResult = JSON.parse(data);
51.                         
52.                         var content = '<table id="tableDonate" class="table table-hover">';
53.                         var heading = '<tr>';
54.                         var datas = "";
55.                         heading += '<th>' + 'Charity' + '</th>' + '<th>' + 'Products' + '</th>' + '<th>' + 'Quantity' + '</th>' + '<th>' + 'Amount' + '</th>';
56.                         heading += '</tr>';
57.                         heading += '<tr>';
58.                         jQuery.each(dataResult, function(key,value){
59.                             charityName = value.charity_name;
60.                             
61.                             console.log('*************************************************************************************');
62.                             console.log(charityName);
63.                             console.log('*************************************************************************************');
64.                             datas += '<td>' + charityName + '</td>';
65.                             datas += '<td>' + '' + '</td>';
66.                             datas += '<td>' + '' + '</td>';
67.                             datas += '<td>' + '' + '</td>';
68.                             datas += '</tr>';
69.                         });
70.                         datas += '</table>';
71.                         content += content + heading + datas;
72.                         jQuery('#contentNeed').append(content);
73.                     }
74.                     
75.                 });
76.             });
77.         },
78.         error: function (request, status, error) {
79.             alert(request.responseText);
80.         }
81.     });
82. </script>
83. 
    
85.  <div id="contentNeed">
86. 
    
87.         </div>

Why it display multiple table for multiple result? Did i do something wrong on the script? Can someone point me to the correct direction.