如何使用jQuery在div内动态添加div.它还应该首先显示吗？

<div id='parent'>
   <div id='child_1'>........</div>
   <div id='child_2'>........</div>
   <div id='child_3'>........</div>
   <div id='child_4'>........</div>
</div>

我想添加一个像这样的div：

<div id='page_number'> You are watching 5th object out of 100 </div>

在父div内,我使用append来做这样的事情.

$("#parent").append("<div id='page_number'> You are watching 5th object out of 100 </div>");

但是在小孩子四岁之后.但是我需要在child_1的下面显示它.
它应该是这样的

<div id='parent'>
   <div id='page_number'> You are watching 5th object out of 100 </div>
   <div id='child_1'>........</div>
   <div id='child_2'>........</div>
   <div id='child_3'>........</div>
   <div id='child_4'>........</div>
</div>

我该怎么做这样