Drag & Drop + AJAX

Witam.
Od tygodnia zajmuję się pisaniem gry przeglądarkowej typu gladiatus, shakes & fidget i mam wszystko gotowe z wyjątkiem jednej tyci tyci wkurzająco ogromnej sprawy: jak stworzyć system drag & drop z podłączeniem go do bazy danych dzięki ajaxowi? Szukałem w google różnych przykładów i z nich coś wywnioskować ale nie jestem w stanie tego sam ogarnąć. Próbowałem przebudować drag & drop w formie listy sortowanej na taki, jak potrzebuję ale udało mi się zaledwie stworzyć przeciąganie diva do drugiego, czego efektem jest wypisanie takich wartości jak armor... tyle że w zmiennych javascript, co jest całkowicie dla mnie bezużyteczne.

W jaki sposób mogę stworzyć kod, który zaktualizuje wartości w bazie danych bez odświeżania strony w momencie przeciągnięcia do diva odbierającego? Będę niezmiernie wdzięczny za wytłumaczenie jak to cholerstwo stworzyć. Gdyby komuś się chciało to gotowiec też mile widziany z komentarzem co, jak i dlaczego, ponieważ zależy mi głównie na zrozumieniu tej metody.

wrzuć to co masz, dorobimy do tego ajax

Robiłem coś takiego - kod może być (i pewnie jest) marnej jakości - pisałem go dawno temu:
https://bitbucket.org/mcaderek/drag-n-drop/

http://www.dropzonejs.com/

dropzone.js

Maciej Cąderek - w linku niestety nic nie ma, a przynajmniej nie ma tego, co chyba powinno tam być ; /
NieGooglujMnie - Pokombinowałem trochę w tym i czy mi się wydaje, czy to jest biblioteka do pracy z plikami? Nie do końca o to mi chodziło, nie mam pomysłu jak mogłoby mi to pomóc ; /

<div class="helm">
  <p><img src="Tiara.png"/></p>
</div>
<div class="helm">
  <p><img src="Tiara2.png"/></p>
</div>
<div id="do2" class="ui-widget-header">
  <p>Helm</p>
</div>

2 obiekty o tej samej klasie "helm" mają w bazie danych różne wartości, które chciałbym stamtąd pobrać przy zdropowaniu tego do pola "do2" (tak, wiem, kreatywne nazwy. Ale to tylko plik testowy niepowiązany z grą, w którym się męczę od dawna). Przyjmijmy dla uproszczenia, że w bazie danych mam kolumny "id", "armor", "wartosc".
Nie mam też pomysłu na to, jak odróżniać poszczególne hełmy, skoro są o tej samej klasie ale to się chyba rozróżni już na poziomie php, chyba że jest jakiś prostszy sposób?

$( ".helm" ).draggable();

$( "#do2" ).droppable
({
      accept: ".helm",
      drop: function( event, ui )
      {

      }
});   
  
$( "#do2" ).droppable
({
      accept: ".helm",
      out: function( event, ui )
      {

      }
});

A to nieszczęsny kod jquery. Miałem trochę swoich wymysłów w środku tych klamer, ale uznałem, że mają tyle samo sensu, co wrzucenie je na to forum żebyście się ponabijali :D

Rzecz jasna "helm" grzecznie się dragguje a "do2" nawet to akceptuje (:D). W pierwszych klamrach jest funkcja "po zdropowaniu" a druga to rzecz jasna "gdy przedmiot się zabierze".
Tylko tyle kodu, bo tylko tyle na 100% rozumiem, reszta to już totalny chaos ; /

Od czego powinienem zacząć?