title: How to populate list-group with javascript?
body: <p>I get the ticket data from a controller using code below:</p>
  <pre><code>       $.ajax({
              type: &quot;GET&quot;,
              url: &quot;/Tickets/List/&quot;,
              data: param = &quot;&quot;,
              contentType: &quot;application/json; charset=utf-8&quot;,
              dataType: &quot;json&quot;,
              success: successFunc,
              error: errorFunc
          });
  
          function successFunc(data, status) {
  
              var ds = [];
  
              // d.ticket_no, d.ticket_subject, d.ticket_date,
  
              data.forEach((d) =&gt; {
                  
              });
          }
  </code></pre>
  <p>I don't have an idea on How to display it using the HTML format below?</p>
  <pre><code>  &lt;a class=&quot;list-group-item list-group-item-action&quot; id=&quot;list-tickets-list&quot; data-toggle=&quot;tab&quot; 
    href=&quot;#ticket-info&quot; role=&quot;tab&quot; aria-controls=&quot;list-tickets&quot;&gt;
    &lt;div class=&quot;d-flex w-100 justify-content-between&quot;&gt;
        &lt;h5 id=&quot;ticket_subject&quot; class=&quot;mb-1&quot;&gt;**Ticket Subject Example**&lt;/h5&gt;
           &lt;small id=&quot;ticket_date&quot;&gt;**02-Aug-2021**&lt;/small&gt;
    &lt;/div&gt;
    &lt;p id=&quot;ticket_no&quot; class=&quot;mb-1&quot;&gt;&lt;strong&gt;**TKT-2021010678**&lt;/strong&gt;&lt;/p&gt;
                                          
  </code></pre>