how to insert html after a specific element with a class using jQuery : <pre><code> &lt;html&gt;
 &lt;body&gt;
 &lt;div class="carousel-inner"&gt;
     &lt;!-- my jQuery content here --&gt;
 &lt;a data-slide="prev" href="#quote-carousel" class="left carousel-control"&gt;&lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;/div&gt;
</code></pre>

<p>I am producing an html snippet and wanted to know how I can insert the html within the DIV tags shown above. Specifically immediately after the <strong>div class="carousel-inner"</strong> and before the <strong>a data-slide</strong></p>

<p>I tried using </p>

<pre><code> $('body').append(html);
</code></pre>

<p>but that added the html to the end of the file </p>
