re arranging a series of generated divs with javascript

[MustafaSoft]

I have a series of generated products which somewhat looks like this \[code\]<div class="product"><div class="productImage" title="one"></div></div><div class="product"><div class="productImage" title="two"></div></div><div class="product"><div class="productImage" title="three"></div></div><div class="product"><div class="productImage" title="four"></div></div>\[/code\]Is there a way I could put them in an array to show them in different order using javascript?Cant figure it out. Any suggestion? \[code\]what I have right now<div class="product"> <div class="productImage" title="Elixer Altima">product image goes here with other shopping features</div></div><div class="product"> <div class="productImage" title="Bain Oleo Relax">product image goes here with other shopping features</div></div><div class="product"> <div class="productImage" title="Satin">product image goes here with other shopping features</div></div><div class="product"> <div class="productImage" title="Hair Cream">product image goes here with other shopping features</div></div>New Order to be<div class="product"> <div class="productImage" title="Hair Cream">product image goes here with other shopping features</div></div><div class="product"> <div class="productImage" title="Satin">product image goes here with other shopping features</div></div><div class="product"> <div class="productImage" title="Bain Oleo Relax"></div></div><div class="product"> <div class="productImage" title="Elixer Altima">product image goes here with other shopping features</div></div>\[/code\]