Debo crear una llamada ajax cuando el usuario hace clic en un botón de envío, por lo que he incluido jquery y he escrito el siguiente código (tomado de la documentación de jquery):

<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>

El problema es el siguiente, se ejecuta la acción de envío pero no la llamada ajax, por lo que el formulario está realizando la acción de envío solicitada en lugar de permanecer en la misma página y actualizar el contenido del "div" requerido.

¿Qué me estoy perdiendo? Donde me equivoco Gracias de antemano por cualquier consejo.