JQuery Сериализировать ОДИН РАЗ при отправке

Я новичок в jquery и javascript в целом, и у меня есть этот код:

$(function() {
$('#sortMe').sortable({
update: function(event, ui) {
var postData = $(this).sortable('serialize');
console.log(postData);

$("#submit").click(function() {
$.post('save.php', {list: postData}, function(o) {
console.log(o);
}, 'json');
})
}
});
});

Что я хочу сделать, так это сериализовать «postData» ОДИН РАЗ, когда я закончу «сортировать» div, нажать «submit» и опубликовать его в save.php. В настоящий момент, если я «сортирую» мои div 3 раза, скажем, прежде чем я нажму «submit», postData отправляется 3 раза в save.php.

Вот мой index.php

<div id="wrap">

<div id="sortMe">

<div id='item_0'>Test 1</div>
<div id='item_1'>Test 2</div>
<div id='item_2'>Test 3</div>
<div id='item_3'>Test 4</div>
<div id='item_4'>Test 5</div>

<input type="submit" id="submit" value="Submit!">

</div>
<!-- end of sortMe -->

</div>
<!-- end of wrap -->

и мой save.php

$list = $_POST['list'];

$output = array();
$list = parse_str($list, $output);

$a = implode(',', $output['item']);

Буду признателен за любую помощь в этом! Спасибо!