title: jQuery Prepend before an element
body: <p>I have a html structure like this/</p>
  
  <pre><code>&lt;li id="1"&gt;&lt;/li&gt;
  &lt;li id="2"&gt;&lt;/li&gt;
  &lt;li id="3"&gt;&lt;/li&gt;
  &lt;li id="comment-box"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>now i wanna prepend</p>
  
  <pre><code>&lt;li id="4"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>before comment-box.</p>
  
  <p>i am submitting a form from the comment box and once its a success i wanna do the prepend.</p>