serialize + data in ajax

I am trying to attach a data to a serialize, if it works it should print a text with the variables sent in the div "resp".

<?php
 $mes = "marzo";
?>
<script>
var tiempo = "llueve";
$(document).on('ready',function(){

  $('#btn-ingresar').click(function(){
    var url = "datos.php";                                      

    $.ajax({                        
       type: "POST",                 
       url: url,                    
       data: $("#formulario").serialize() + "&tiempo=" + tiempo,
       success: function(data)            
       {
         $('#resp').html(data);           
       }
     });
  });
});
</script>

<form method="post" id="formulario">
    <input type="text" name="usuario" placeholder="Usuario" autofocus/>
    <input type="password" name="contrasena" placeholder="Contraseña"/>
    <input type="hidden" name="mes" value="<?php echo $mes; ?>">
    <input type="button" id="btn-ingresar" value="Ingresar" />
</form>
<div id="resp"></div> 

datos.php

<?php   
 $usuario = $_POST['usuario'];
 $contraseña  = $_POST['contrasena'];
 $mes  = $_POST['mes'];
 $tiempo  = $_POST['tiempo'];
echo "tu usuario es: ".$usuario." contraseña es: ".$contraseña." y el mes es ".$mes" ,tambien ".$tiempo; 
?>