How to add an element to the first row of a div which contains some elements (jQuery)?
<p>I have some elements as below:  </p>

<pre><code>&lt;div id="shareswrapper"&gt;
    &lt;div id="41"&gt;
           some content blah blah blah...
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I need to add lets say the below div to <code>shareswrapper</code>:  </p>

<pre><code>    &lt;div id="1751"&gt;
           Some new content here!!!!
    &lt;/div&gt;
</code></pre>

<p>The output would as below:   </p>

<pre><code>&lt;div id="shareswrapper"&gt;
    &lt;div id="1751"&gt;
           Some new content here!!!!
    &lt;/div&gt;
    &lt;div id="41"&gt;
           some content blah blah blah...
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I used first child but gain no success. <code>.before()</code> method wont work for me because I don't know which divs I have inside the shareswrapper.<br>
Any suggestion?</p>
