How to clone an element with data without events with JQuery

jquery

Solution

As from version 1.7, `off()` is the preferred method for unbinding:

$('#grolsh').clone(true).off();

Problem

I want to clone a `<select>` tag with it's data attribute but without its events. Following JQuery Official .clone() api, I understand I can clone without data and events by calling `$('#grolsh').clone()`, or perform a `$('#grolsh').clone(true)` which will copy data and events. I want to keep the data but clear the events associates with the original item.

Original source

Related problems