Попытался по истории темы восстановить ваш текст
<!DOCTYPE>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<textarea id="message" class="ajax_autogrowarea text-mess" name="message" rows="15">message text</textarea>
<div style="display:none;" class="preview">{include file='com_forum_preview.tpl'}</div>
<button type="button" id="add" style="font-size:16px"/>Предосмотр</button>
<script>
var set_title = '.text-title';// отсюда получаю
var get_title = '.text-title2';// сюда вывожу,находится в диве
var button = '#add'; // кнопка
var div = '.preview'; // див с шаблоном для вывода
var div = document.querySelector(div);
var title = $(set_title).val();
$(function(){
localStorage.setItem('title', title);
$(button).on('click',function() {
$(get_title).html(localStorage.getItem('title'));
})
})
</script>
</body>
</html>
в нем по крайней мере два непонятных момента: когда и по какой причине срабатывают строки 18 и 21
Может, не очень верно восстановил,но больше информации нет.
Кстати, не стоит переменным давать имена, совпадающие с id или тегами HTML