вроде как нашел удовлетвлетворяющее для меня решение
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<body>
<div class="block">
<p>old content</p>
</div>
<div class="new-content">
<p>new content</p>
</div>
<button class="button">go</button>
<script>
$(function (){
var con = $('.new-content');
$('.button').click(function (){
$('.block').empty().html(con);
});
});
</script>
</body>
</html>