title: "this" context for .on() function jQuery
body: <p>I would like to know how to point <code>this</code> to the selected element (event source) inside <code>.on()</code> method without defining an anonymous event handling function.</p>
  
  <p>For example, in the code bellow, the context for my selected element is <code>document</code>, i.e. <code>$(this)</code> is interpreted as <code>document</code></p>
  
  <pre class="lang-js prettyprint-override"><code>$('.nav-item').click(MyFrameworkUtils.navigationBinding($(this), 'arg1', 'arg2'))
  </code></pre>
  
  <p>However, if wrapped in an anonymous event handler, <code>$(this)</code> is interpreted (desirably) as the selected element.</p>
  
  <pre class="lang-js prettyprint-override"><code>$('.nav-item').click(function(){
      var source = $(this);
      MyFrameworkUtils.navigationBinding(source, 'arg1', 'arg2');
  });
  </code></pre>