div中元素的随机位置

Question

我的网站上有一个Div元素，显示了ajax响应返回的数据。但是使用$('#cakebox').html(content); cakebox显示时，ajax响应收到的元素是Div ID以直线方式给出输出。

响应中存在的元素采用

形式

 <img src="ski.png" height="13px" width="15px">
 <img src="ski.png" height="13px" width="15px">
 <img src="ski.png" height="13px" width="15px">
 <img src="ski.png" height="13px" width="15px">
 <img src="ski.png" height="13px" width="15px">
 <img src="cho.png" height="15px" width="15px">
 <img src="cho.png" height="15px" width="15px">
 <img src="ch1o.png" height="15px" width="15px">
 <img src="ch1o.png" height="15px" width="15px">

现在我想要实现的是，而不是将它们以直线方式定位。将它们随机放置在Div中的任何位置。如下图所示的蓝色标记。那我该如何实现呢？

注意：当用户下次按下按钮时，会在on click事件处理程序上设置Ajax调用，这些元素可能会减少或增加，具体取决于用户放置的值但是发送和接收的整个数据流保持不变。