title: What does the below code mean?
body: <p>I didn't understand what this code does:</p>
  
  <pre><code>.bind(this);
  </code></pre>
  
  <p>(I took this code from zurb foundation dropdown plugin)</p>
  
  <pre><code>.on('mouseleave.fndtn.dropdown', '[data-dropdown], [data-dropdown-content]', function (e) {
        var $this = $(this);
        self.timeout = setTimeout(function () {
          if ($this.data('dropdown')) {
            var settings = $this.data('dropdown-init');
            if (settings.is_hover) self.close.call(self, $('#' + $this.data('dropdown')));
          } else {
            var target = $('[data-dropdown="' + $(this).attr('id') + '"]'),
                settings = target.data('dropdown-init');
            if (settings.is_hover) self.close.call(self, $this);
          }
        }.bind(this), 150);
  })
  </code></pre>
  
  <p>Is it compatible with jQuery 3?
  <a href="http://jquery.com/upgrade-guide/3.0/#deprecated-bind-and-delegate" rel="nofollow">http://jquery.com/upgrade-guide/3.0/#deprecated-bind-and-delegate</a></p>