jQuery replace multiple elements using class -

i want replace spans div. when run code 1 element gets replaced. how change code script affects spans?

i have tried use clone(), didn't work.

$flexbox = $("<div></div>"); $(".overlaybox").replacewith($flexbox);  <span class="overlaybox"></span> <span class="overlaybox"></span> <span class="overlaybox"></span> 

you can use replaceall() method:

$flexbox.replaceall(".overlaybox");​ 

demo: http://jsfiddle.net/4vhvc/