Ich muss einen Ajax-Aufruf erstellen, wenn der Benutzer auf eine Senden-Schaltfläche klickt. Daher habe ich jquery eingeschlossen und den folgenden Code geschrieben (aus der jquery-Dokumentation entnommen):

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
  $("Shareitem").click(function(e){
      e.preventDefault();
    $.ajax({type: "POST",
            url: "/imball-reagens/public/shareitem",
            data: { id: $("Shareitem").val(), access_token: $("access_token").val() },
            success:function(result){
      $("sharelink").html(result);
    }});
  });
});
</script>

HTML:

<div id="sharelink"></div>
[...]
<input type="hidden" name="id" value="" id="id"></dd>
<dd id="access_token-element">
<input type="hidden" name="access_token" value="xxxxxxxx" id="access_token"></dd>
<dt id="Shareitem-label">&#160;</dt><dd id="Shareitem-element">
<input type="submit" name="Shareitem" id="Shareitem" value="UpdatedByPreviousAjaxCall"></dd></dl></form>

Das Problem ist das Folgende: Die Übermittlungsaktion wird ausgeführt, der Ajax-Aufruf jedoch nicht. Daher führt das Formular die angeforderte Übermittlungsaktion aus, anstatt auf derselben Seite zu bleiben und den Inhalt des erforderlichen "div" zu aktualisieren.

Was vermisse ich? Wo irre ich mich Vielen Dank im Voraus für jeden Tipp.