Как поменять элементы местами в JQuery

<div class="row">
	<div id="block-left">
		<span>Блок №1</span>
	</div>
	<div id="block-right">
		<span>Блок №2</span>
	</div>
</div>

<div class="button">
	<a href="#" id="button">Поменять местами</a>
</div>

$('#button').click(function(){
	$('.row > div').each(function() {
		if ($(this).next()) {
			el = $(this).next();
		} else {
			el = $(this).prev();
		}

	 	var copy_from = $(this).clone(true);   
		$(el).replaceWith(copy_from);
		
		var copy_to = $(el).clone(true);        
		$(this).replaceWith(copy_to);
	});

	return false;
});

<div class="row">
	<div id="block-left">
		<span>Блок №1</span>
	</div>
	<div id="block-right">
		<span>Блок №2</span>
	</div>
</div>

<div class="button">
	<a href="#" id="button">Поменять местами</a>
</div>

$('#button').click(function(){
	var left = $('#block-left > *');
	var right = $('#block-right > *');
	$('#block-left').append(right);
	$('#block-right').append(left);

	return false;
});