clientside

<script>

$(document).ready(function(){
  var socket=io();
  var sender=$('#sender-name').val();
  var receiverName=$('#receiverName').val();

  console.log('join test');
   socket.on('connect',function(){
               var params={
                 sender:sender,
                 receiver:receiverName
               }
               socket.emit('joinRequest',params,function(){
                 console.log('joined from request page');
               })
  });

$('#add_friend').on('submit',function(e){
    e.preventDefault();

    var receiverName=$('#receiverName').val();
    console.log('Receiver: '+receiverName)

    $.ajax({
      url:'/request/',
      type:'POST',
      data:{
           receiverName:receiverName
         },
      success:function(){
        socket.emit('friendRequest',{
          receiver:receiverName,
          sender:sender
        },function(){
          console.log('Request sent');
        }
      )
      }
    });
  });

  socket.on('newRequest',function(friend){
    console.log('heyy got you');
    console.log(friend);

    $('#reload').load(location.href+ ' #reload');
  });
});


</script>