title: Add image after first image element jquery
body: <p>I'm trying to add images dynamically in a div element. So I have a block like that</p>
  
  <pre><code>&lt;div id="gallery" &gt;
      &lt;img src="images/slide1.jpg" alt="Slide 1 /&gt;
      &lt;img src="images/slide2.jpg" alt="Slide 2 /&gt;
      &lt;img src="images/slide3.jpg" alt="Slide 3 /&gt;
      &lt;img src="images/slide4.jpg" alt="Slide 4 /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The idea is to insert image dynamically after the first image so my new image goes after the first image. I tried appendTo, append , after, insertAfter .</p>
  
  <p>Do you have any ideas ?
  Thanks in advance :)</p>