jquery - 最初の画像の動的 div

Question

次のコードを使用して、jquery で動的 div を作成し、最初の画像の下に表示しています。すべてがうまく機能します。

しかし、この動的 div を画像の下ではなく上に配置するにはどうすればよいですか?

<script type="text/javascript">
$(document).ready(function() {                       
$(".gdl-blog-full").find("img:first").after("<div style='width:800px; height:90px; float: left; margin-top:10px;'><a href='http://www.demo.com'>MyLink</a></div>");
});
</script>

ボディの内側:

<div class="gdl-blog-full" style="width:650px; height:390px;">
<img src="myimage.jpg" alt="4134ed_L" width="650" height="390" class="alignnone size-full wp-image-8500">
</div>