change name of class name when clicked in jquery
<p>I have a div with class name: .sel-display-on.
When clicked, I want to change it to .sel-display-off with jquery. Is this possible at all? Will the css properties of this new class name be applied?</p>

<pre><code>$('.sel-display-on').click(function (e) {
        e.stopPropagation();
        // change class name to .sel-display-off
});
</code></pre>
