Bind/unbind with namespaces

gistfile1.js

// handler for click event
var h1 = $("h6").bind("click", function () {
  console.log('click handler');
});
// handler for click event with namespace
var h2 = $("h6").bind("click.namespace", function () {
  console.log('click handler with namespace');
});

// click event result:
// > click handler
// > click handler with namespace

// next click event result:
// > click handler
// > click handler with namespace

//------------------------------------------------------------------------------
// handler for click event
var h1 = $("h6").bind("click", function () {
  console.log('click handler');
});
// handler for click event with namespace and unbind by this namespace
var h2 = $("h6").bind("click.namespace", function () {
  console.log('click handler with namespace');
  $("h6").unbind("click.namespace");
});

// click event result:
// > click handler
// > click handler with namespace

// next click event result:
// > click handler

//------------------------------------------------------------------------------
// handler for click event and unbind click event
var h1 = $("h6").bind("click", function () {
  console.log('click handler');
  $("h6").unbind("click");
});
// handler for click event with namespace
var h2 = $("h6").bind("click.namespace", function () {
  console.log('click handler with namespace');
});

// click event result:
// > click handler
// > click handler with namespace

// next click event result:
// > [nothing here]