Обновление данных через Ajax

Есть файл index.php

<div id="example" contenteditable="true">Текст</div>
<button type="submit">Обновить</button>

Где в блоке #example можно изменять текст.
Как сделать, чтобы при нажатии на кнопку "обновить" данные в блоке #example обновлялись?

Примечание:
Блок изменяется визуально, надо чтобы изменялся сам html.

Примечание:
<div id="example" contenteditable="true">Текст</div>
<button type="submit">Обновить</button>

Атрибут "contenteditable" создает визуальное редактирование хтмл кода на стороне браузера. Но с перезагрузкой страницы все пропадает.
Допустим я визуально изменил слово "Текст" на "Слово"
Мне нужно чтобы при нажатии на кнопку "отправить" ajax+php заменил это слово, и при следующей перезагрузке у меня отображалось уже "Слово".
P.S. возможно ли использовать mysql в этой ситуации?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.