在jQuery中，如何在指定元素之后加载Ajax内容

我有以下HTML:

<div id="mydiv">
</div>

我想使用jQuery加载内容，以便它出现在我的DIV之后.

I would like to load content using jQuery so it appears after my DIV.

我已经尝试过了:

$("#mydiv").load("/path/to/content.html");

但是，最终结果如下:

<div id="mydiv">
<p>content from file</p>
</div>

如何获得此结果?

<div id="mydiv">
</div>
<p>content from file<p>