how to insert DOM element just after the div clicked
<p>I've my mark up as</p>

<pre><code>&lt;div id="wrap"&gt;
   &lt;div class="clickhere"&gt;&lt;/div&gt;
   &lt;div class="clickhere"&gt;&lt;/div&gt;
   &lt;div class="clickhere"&gt;&lt;/div&gt;
   &lt;div class="clickhere"&gt;&lt;/div&gt;
   &lt;div class="clickhere"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Now, I want to add another <code>&lt;div class="clickhere"&gt;&lt;/div&gt;</code> just after the div clicked using jQuery. I thought of <code>.append()</code> or <code>.prepend()</code> but it only adds at the last or the first of the parent element (if applied at the parent element).</p>

<pre><code>$('.clickhere').click(function(){
   // add &lt;div class="clickhere"&gt;&lt;/div&gt; just below $(this)
})
</code></pre>
