title: Send ajax request on mouseover
body: <p>I have a set of element with the same class selector. When I enter mouse on this element I want to send Ajax query, but. When I just <code>console.log(1);</code> on mouse enter all fine, but when I send request it rise in some progression, and each next hover send many requests instead of one.
  Here is my code:</p>
  
  <pre><code>$(document).ajaxComplete(function () {
      $('.device_hover').each(function (key, val) {
          $(val).mouseenter(function () {
              var val = $(this).html();
              console.log(1);
  
              $.ajax({
                  'type': 'POST',
                  'url': 'handlers/route_request.php',
                  'dataType': 'html',
                  'success': function (data) {
                      console.log(data);
                  }
              });
          });
      });
  });
  </code></pre>
  
  <p>Can somebody help me? Maybe I am doing something wrong?</p>