JSON array to an HTML table and display the data inside td tag
===

I have json array return as bellow


    {"id":16,"minutes":146}
    {"id":17,"minutes":137}
    {"id":18,"minutes":123}
    {"id":22,"minutes":84}


I'm trying to render above json array inside table tbody td which json array id's equal to td id's and display the minutes inside td tag

for example json id :16 minute:146 and display it in `<td id="16">146</td>`


        <table>
          <thead>
            <tr>
              <th>op</th>
              <th>Minutes</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>op1</td>
              <td id="16">0</td>
            </tr>
            <tr>
              <td>Lokibaldur</td>
              <td id="17">0</td>
            </tr>
            <tr>
              <td>op2</td>
              <td id="18">0</td>
            </tr>
    <!--....and goes on -->
          </tbody>
        </table>

js


    $.ajax({ url: statUrl, type: 'POST',
      data: {
          begin: begin,
          end: end
      },
      success: function(data){
      
    
      }
    });

