blg.1-6

gistfile1.js

$(function(){
 
  var updated_order = function(){
    var data_arr = [];
    $.each($(".picture"), function(index){
      $(this).attr("priority", index);
      data_arr.push({id: $(this).attr("data-id"), priority: index })
    });
    return data_arr;
  }
 
  $(".container").sortable({
    cursor: "move",
    stop: function(event, ui){
      var data = updated_order();
      $.ajax({
        url: "pictures/sort",
        type: "PUT",
        data: {"data": JSON.stringify(data)},
        success: function(msg){
          console.log("Sorted!");
        }
      });
    }
  });
 
});