Сохраните содержимое div в новый файл с помощью jQuery AJAX и PHP

Я пытаюсь сохранить содержимое div в новый html-файл. Я использую jQuery AJAX для отправки данных на php.
Тем не менее, php в своей текущей форме пишет пустой файл.

Html:

• Атрибут Ajax для API Instagram пытался исправить ошибку
• Как помнить Флажок / Выбор радиокнопки в форме мулитной страницы
• как я могу исправить продолжительность времени, чтобы заполнить форму
• Используя Dropzone.js для загрузки после создания нового пользователя, отправьте заголовки
• jTable jQuery плагин Почему моя MySQL хранится процедура не работает?

<div id="data2save"> <span>data1</span> <span>data2</span> <span>data3</span> <span>data4</span> </div> <input type="button" value="save" id="save"> 

JQuery:

  $("#save").live("click",function() { var bufferId =$("#data2save").html(); $.ajax({ method : "POST", url : "saver.php", data: {id : bufferId}, dataType: "html", success: function(data){ alert("ok"); } }); }); 

PHP:

  <?php $handle = fopen("test.html", 'w+'); $data = $_POST['data']; if($handle) { if(!fwrite($handle, $data )) echo "ok"; } ?> 

 data: {id : bufferId},