title: How to pass data from jquery to html?
body: <p>Now I have a seperate script which uses jquery which calls data from an api</p>
  
  <pre><code> function sendRequest() {
  
          $.ajax({
              url: "http://localhost:3002/api/people",
              type: "get", //send it through get method
              data: { 
                  filters
              },
              success: function(response) {
  
                 console.log("Response :" , response)
                //Do Something    
              },
              error: function(xhr) {
                //Do Something to handle error
              }
            });
      }
  </code></pre>
  
  <p>Now I have the html which is the script is being called on</p>
  
  <pre><code> &lt;div class="item col-lg-4 grid-group-item list-group-item mh-animate"&gt;
                                &lt;div class="vehicle-wrap"&gt;
                                  &lt;div class="v-image"&gt;
                                    &lt;div class="v-special"&gt;&lt;i class="fas fa-star"&gt;&lt;/i&gt; Special&lt;/div&gt;
                                    &lt;img class="group list-group-image img-fluid" src="" alt="" /&gt;
                                  &lt;/div&gt;
                                  &lt;div class="v-info"&gt;
                                    &lt;h4 class="list-group-item-heading"&gt;&lt;a href=""&gt; 2019 Ford F-150 XLT &lt;/a&gt;&lt;/h4&gt;
                                    &lt;div class="v-info-details"&gt;
                                      &lt;div class="v-details"&gt;
  
                                        &lt;ul&gt;
                                          &lt;li&gt;&lt;strong&gt;Body Style: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Model Code: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Engine: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Drive Type: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Transmission: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Ext. Color: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Int. Color: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;MPG: &lt;/strong&gt;19&amp;nbsp;City&amp;nbsp;/&amp;nbsp;25&amp;nbsp;Hwy&lt;/li&gt;
                                          &lt;li class="vinDisplay"&gt;&lt;strong&gt;VIN #: &lt;/strong&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;strong&gt;Stock #: &lt;/strong&gt;&lt;/li&gt;
                                          &lt;/li&gt;
                                        &lt;/ul&gt;
  
                                      &lt;/div&gt;
  </code></pre>
  
  <p>I could Even log the data when the page is being loaded</p>
  
  <pre><code>https://imgur.com/a/EQzDsMv
  </code></pre>
  
  <p>Now How I am going to plot those data from the request to the html ? Do i need templating engine like Nunjucks to that ? cause I am use to angular and other Frameworks I am just new on using jquery . Any idea?</p>