Form con ajax

<form action="accion.php" method="post" id="formulario" onsubmit="return creaCookie('<?php echo $url; ?>')">
			<input type="hidden" name="url" id="url" value="<?php echo $url; ?>">
			<input type="hidden" name="numero" id="numero" value="<?php if($row['valor']==null){echo "0";}else{echo $row['valor'];} ?>">
			<button type="submit" class="boton" name="boton">Click</button>
		</form>

$(document).ready(function() {
	$('.boton').click(function() {
		$.ajax({
			type: 'POST',
			dataType: 'json',
			url: 'accion.php',
			data: $('#formulario').serialize()
		}).done(function() {
			alert('Se han enviado los datos');
		}).fail(function() {
			alert('Error, no se enviaron los datos');
		});
		return false;
	});
});

$(document).ready(function() {
	$('.boton').click(function() {
		$.ajax({
			type: 'POST',
			dataType: 'json',
			url: 'http://url/accion.php',
			data: $('#formulario').serialize()
		}).done(function() {
			alert('Se han enviado los datos');
		}).fail(function() {
			alert('Error, no se enviaron los datos');
		});
		return false;
	});
});

<form action="accion.php" method="post" id="formulario">
	<input type="hidden" name="url" id="url" value="11">
	<input type="hidden" name="numero" id="numero" value="22">
	<button type="button" class="boton" name="boton">Click</button>
</form>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function() {
	$('.boton').click(function() {
		$.ajax({
			url : "http://127.0.0.1/test/accion.php",
			type: "POST",
			data : $('#formulario').serialize(),
			success: function(data, textStatus, jqXHR){
				alert('Bien!');
			},
			error: function(jqXHR, textStatus, errorThrown){
				alert('Error!');
			}
		});
	});
});
</script>