title: How to append a div inside an appended div
body: <pre><code>    $.each(v.Modifiers, function (_k, _v) {
        $modifierDiv.append(
          `&lt;div class=&quot;col-xs-12 cart-modifier&quot; style=&quot;padding: 0;&quot; data-id=&quot;${_v.ModifierOptionID}&quot;&gt;
            &lt;p class=&quot;text-muted&quot; style=&quot;padding: 5px; margin: 0; line-height: 14px;&quot;&gt;
              ${_v.ModifierOption.Name + &quot; &quot; + formatCurrency(_v.TotalPrice)}
            &lt;/p&gt;
          &lt;/div&gt;`
        );
      });
  
      $(&quot;.cart-items-right&quot;).find('ul').append(
        `&lt;div class=&quot;row&quot;&gt;
          &lt;li class=&quot;col-xs-12 receipt-item&quot; data-order-line-id=&quot;${obj.OrderLineID}&quot; data-id=&quot;${obj.ID}&quot; data-qty=&quot;${obj.Qty}&quot; data-remarks=&quot;${obj.Remarks}&quot; data='${JSON.stringify(obj)}'&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-xs-9&quot; style=&quot;padding: 0;&quot;&gt;
                  &lt;span class=&quot;col-xs-8 text-muted&quot; style=&quot;padding:5px 0px;margin:0px;line-height:14px;&quot;&gt;
                    ${common.translate(&quot;Regular&quot;) + &quot; &quot; +formatCurrency(obj.Price)}
                  &lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-xs-12 hidden&quot; style=&quot;margin: 8px 0;&quot;&gt;${$modifierDiv}&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/li&gt;
        &lt;/div&gt;`
      );
  </code></pre>
  <p>I appended $modifierDiv inside a div that also append to .cart-items-right. But it just returned me [Object Object]. Need help. Thanks</p>