index.html

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>HTTP to OSC Quiz example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">

$(document).ready( function()
    {
	var client_id = 'user1';
	var server = 'http://localhost:8080/send-osc/';

	$('#a').click(function () {
	    $.get(server, {'user1': 'A'});
	});

	$('#b').click(function () {
	    $.get(server, {'user1': 'B'});
	});

	$('#c').click(function () {
	    $.get(server, {'user1': 'C'});
	});

    });

    </script>

  </head>

  <body>

    <button id="a">A</button>
    <button id="b">B</button>
    <button id="c">C</button>

  </body>

</html>