Javascript bind and jQuery event handlers

How do javascript bind() and jQuery on() interact? Does the bound handler receive the event parameter from jQuery?

by kaspervandenberg

HTML

<main>
Click <button id="btn1">Button</button>button to fire bound event handler.
</main>

JavaScript

function f(parToBeBound, event) {
	$('main').append("<section><h>f() was called:</h>\
  	<table>\
    <tr><th>parToBeBound</th><td>" + parToBeBound + "</td></tr>\
    <tr><th>event</th><td>" + event + "</td></tr>\
    </table>")
}

$('#btn1').on('click', f.bind(null, "Bound value"));