I have a Div element on my website which shows the data retued by the ajax response.However the elements that are recieved by the ajax response when shown using this $('#cakebox').html(content); where cakebox is the Div id gives the output in this straight line fashion.
The elements that are present in the response are in the form
<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">
Now what i want to achieve is that instead of positioning them in straight line fashion.Place them anywhere in the Div randomly.Something like the Blue marks present in the image below.
