title: Ajax call succesfull, second ajax call is send twice
body: <p>With an AJAX call, I post a the value of a textarea to my database. The first post is always correct. But after I try to post another post, the AJAX call is executed twice. If I post again after that, the AJAX call is executed 4 times. It grows exponentially.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>$(".comment-box").on("keydown", function(e) {
      e = e || event;
      if (e.keyCode === 13 &amp;&amp; !e.shiftKey) {
          var message = $(".comment-box").val();
          var id = $(".comment-box").attr("data-id");
  
          $.ajax({
              type: "post",
              url: "../assets/js/ajax/comment-to-screen.php",
              data: { 
                  'message': message, 
                  'id': id 
              },
              success: function (data) {
                  $(".comment-box").val('');
                  $(".all-comments").append(data);
                  init();
                  return false;
              }
          });
  
          e.preventDefault();
      }
  });
  </code></pre>
  
  <p>This is wrapped into a <code>init()</code> function, </p>
  
  <pre><code>$(document).ready(function() {
      init();
  
      function init () {
          // Here is the code to post with ajax
      }
  });
  </code></pre>