title: jQuery Ajax each function for btn-group bootstrap
body: <p>I'm sorry, but I have no idea how I can set my JSON times in the next btn-group div.<br />
  I need it be grouped in 4 "button", and than the next <code>&lt;div class="btn-group mt-1"</code> <br /> 
  Here is my JSfiddle: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var JSON = [
            {
            "Tennis 1": {
              "IntervalTime": {
                "Dom": [
                  "09:00", //move into buttons
                  "10:00", //move into buttons
                  "11:00", //move into buttons
                  "12:00", //move into buttons
                  "13:00", //move into buttons
                  "14:00", //move into buttons
                  "15:00", //move into buttons
                  "16:00", //move into buttons
                  "17:00", //move into buttons
                  "18:00" //move into buttons
                ]
              }
            },
            "Padel 1": {
              "IntervalTime": {
                "Dom": [
                  "09:00", //move into buttons
                  "10:00", //move into buttons
                  "11:00", //move into buttons
                  "12:00", //move into buttons
                  "13:00", //move into buttons
                  "14:00" //move into buttons
                ]
              }
            }
          }],html;
          
   $(document).ready(function () { 
    html = '&lt;div class="container" &gt;';
    $.each(JSON, function(index, v){
          html += '&lt;div class="col-sm-4"&gt;Tennis 1 &lt;--- Here JSON Resource&lt;div class="col-sm-4"&gt;TIMES&lt;/div&gt;&lt;/div&gt;';
          html += '&lt;div class="btn-group" role="group" aria-label="Orari Disponibili"&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;09:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;10:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;11:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;12:00&lt;/button&gt;';
          html += '&lt;/div&gt;';
          html += '&lt;div class="btn-group mt-1" role="group" aria-label="Orari Disponibili"&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;13:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;14:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;15:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;16:00&lt;/button&gt;';
          html += '&lt;/div&gt;';
          html += '&lt;div class="btn-group mt-1" role="group" aria-label="Orari Disponibili"&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;17:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;18:00&lt;/button&gt;';
          html += '&lt;/div&gt;';
          //Seconda riga orari
          html += '&lt;div class="col-sm-4"&gt;Padel 1 &lt;--- Here JSON Resource&lt;div class="col-sm-4"&gt;TIMES&lt;/div&gt;&lt;/div&gt;';
          html += '&lt;div class="btn-group mt-1" role="group" aria-label="Orari Disponibili"&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;09:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;10:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;11:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;12:00&lt;/button&gt;';
          html += '&lt;/div&gt;';
          html += '&lt;div class="btn-group mt-1" role="group" aria-label="Orari Disponibili"&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;13:00&lt;/button&gt;';
          html += '&lt;button type="button" class="btn btn-outline-primary"&gt;14:00&lt;/button&gt;';
          html += '&lt;/div&gt;';
  });
       html += '&lt;/div&gt;';
       $('body').append(html);
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any idea is appreciated</p>