Sample jquery to send an ajax request when clicked

ajax on event

<button id="mybutton" data-url="/json/endpoint/" data-value="hi there">Click me</button>

<script type="application/javascript">
  // like this one http://stackoverflow.com/a/8517361/2246999
  $('#mybutton').live('click',function() {
    $.ajax({
      data: { myvalue: $(this).attr('data-value'},
      type: 'post',
      url: $(this).attr('data-url'),
      success: function(response, status, xhr) {
        alert("It Worked!");
      },
      error: function(response, status, error){
        alert("It Failed");
      }
    });
    return false;
  });
</script>