Preciso criar uma chamada ajax quando o usuário clica em um botão de envio, então incluí o jquery e escrevi o seguinte código (extraído da documentação do 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>

O problema é o seguinte: a ação de envio é executada, mas a chamada ajax não é, portanto o formulário está executando a ação de envio solicitada em vez de permanecer na mesma página e atualizar o conteúdo da "div" necessária.

o que estou perdendo? Onde eu estou errado? Agradecemos antecipadamente por qualquer dica.