title: Append hyperlink at the first of a div
body: <p>I have following code to show post details in single page. I would like to move link to following <code>post-info</code> div using jQuery by span class <code>first-tag</code>. How can I achieve? </p>
  
  <pre><code>&lt;a href="#"&gt;
  &lt;span class="first-tag"&gt;gaming&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p><code>&lt;div class="post-info"&gt; " | " &lt;span&gt;Title &lt;/span&gt;&lt;/div&gt;</code></p>
  
  <p>Link will append inside post-info div but before the span tag. Like as follows-</p>
  
  <pre><code>&lt;div class="post-info"&gt;
  &lt;a href="#"&gt;
  &lt;span class="first-tag"&gt;gaming&lt;/span&gt;
  &lt;/a&gt;
  &lt;p&gt;This is a paragraph.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please, check the <a href="http://jsfiddle.net/aynamohol/BVF9N/10/embedded/result/" rel="nofollow">jsfiddle demo</a></p>