新しい投稿が追加された後にAjaxが機能しない

Question

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#message').focus(); 
     $('#message').keypress(function(event) { 

      var key = (event.keyCode ? event.keyCode : event.which); 
      if (key == 13) { 
       var message = $('#message').val(); 
       var sender = $($sender).val(); 
       var reciver = $($reciver).val(); 
       $.ajax({ 
        method: "POST", 
        url: "code.php", 
        data: {message: message, sender: sender, reciver: reciver}, 
        success: function(status) { 
         $('#result').append(status); 
         $('#message').val(''); 
        } 
       }); 
      }; 
     }); 
    }); 
</script> 

これらのコード行を追加すると、「ENTER」は機能しませんが、emを削除すると問題はあります。私は間違って何をしていますか？道の$送信者と$ reciverによって

sender: sender, reciver: reciver 
var sender = $($sender).val(); 
var reciver = $($reciver).val(); 

GET機能

Answer 1

が、このお試しされています

$(document).ready(function() { 

     $('#message').focus(); 
     $('#message').keypress(function(event) { 

      var key = (event.keyCode ? event.keyCode : event.which); 
      if (key == 13) { 
       var message = $('#message').val(); 
       var sender = '<?php echo $sender;?>'; 
       var reciver = '<?php echo $reciver;?>'; 
       $.ajax({ 
        method: "POST", 
        url: "code.php", 
        data: {message: message, sender: sender, reciver: reciver}, 
        success: function(status) { 
         $('#result').append(status); 
         $('#message').val(''); 
        } 
       }); 
      }; 
     }); 
    });