JQuery中DIV的奇怪现象

今天调测页面时，想着做两个DIV，交替隐藏的方式呈现不同内容。不想在使用中发现在布局时两个DIV是并列的，但执行隐藏后，第二个显示的DIV变成第一个呈现DIV的子节点。

如

布局如下：

<div id="ct_list_content"></div>
<div id="clear_1" class="clear"/>
<div id="Pagination" class="pagination"></div>

呈现变成了

<div id="ct_list_content"></div>
<div id="clear_1" class="clear">
	<div id="Pagination" class="pagination"></div>
</div>

导致结果怎么也呈现不了，琢磨分析后，发现把

<div id="clear_1" class="clear"/>改成
<div id="clear_1" class="clear"></div>就没问题了。

目前没有找到理论依据，只是知道那样就可以了