Edit in JSFiddle

$('#testElement')
.click({"foo":"bar"},function(e) {
  console.info("The button has been pressed");
  console.log(this,e);
  console.dir(e.data);
  $(this).append('<div>Hello</div>');
});

<div id='testElement'>
    It's Christmas at Ground Zero
</div>

#testElement {
 border:1px solid #000;
 padding:10px;
 width: 150px;
    text-align:center;
}