title: Append A href Inside Div Using Ajax Jquery
body: <p>Please Help, im new to Ajax, Jquery
  This is my Data:</p>
  
  <pre><code>MenuID   MenuName   SubMenuName
  1        Menu1      SubMenu1
  4        Menu4      SubMenu4
  4        Menu4      SubMenu5
  4        Menu4      SubMenu6
  </code></pre>
  
  <p>This is my Code :</p>
  
  <pre><code>    success: function (data) {
          for (var i = 0; i &lt; data.length; i++) {
              var card_menu = $('#id_card');
              var html = '';
              html = ''
                  + '&lt;div class="col-xl-4 col-sm-6 mb-4"&gt;'
                    + '&lt;div class="card text-white bg-success o-hidden h-100"&gt;'
                      + '&lt;div class="card-body"&gt;'
                        + '&lt;div class="card-body-icon"&gt;'
                          + '&lt;i class="' + data[i].csMenuCss + '"&gt;&lt;/i&gt;'
                        + '&lt;/div&gt;'
                        + '&lt;div class="mr-5"&gt;' + data[i].csMenuName + '&lt;/div&gt;'
                      + '&lt;/div&gt;'
                          + '&lt;a class="card-footer text-white clearfix small z-1" href="#"&gt;'
                            + '&lt;span class="float-left"&gt; ' + Show Here Sub Menu + ' &lt;/span&gt;'
                            + '&lt;span class="float-right"&gt;'
                              + '&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;'
                            + '&lt;/span&gt;'
                          + '&lt;/a&gt;'
                    + '&lt;/div&gt;'
                  + '&lt;/div&gt;';
              card_menu.append(html);
          }
      },
  </code></pre>
  
  <p>Ive search all over the net but i ddint get any answers, 
  I want to show to the Div like this..
  Thanks :)</p>
  
  <pre><code>Menu1
  - Menu1
  
  Menu4
  - Menu4
  - Menu5
  - Menu6
  </code></pre>