Not sure how to use jQuery "live" from version 1.7
<p>Here a small snippet to show/hide text. The problem is that the click event doesn't fire for the "readless" class. Usually I would have use the "live" function of jQuery, but since its being deprecated in favor of "on", I wonder how should I do it?</p>

<p>Here's A jsfiddle:
<a href="http://jsfiddle.net/SSAu2/" rel="nofollow">http://jsfiddle.net/SSAu2/</a></p>

<p>code:</p>

<pre><code>$(document).ready(function(){

    var showHiddenText = function(e){

        e.preventDefault();

        var $this = $(this);
        $this.prev().fadeIn();
        $this.text("less").removeClass("readmore-anchor").addClass("readless-anchor");
    };

    var hideShownText = function(e){

        e.preventDefault();

        var $this = $(this);
        $this.prev().fadeOut();
        $this.text("more").removeClass("readless-anchor").addClass("readmore-anchor");
    };

    $(".readmore").after("&lt;a href='#' class='readmore-anchor'&gt;More&lt;/a&gt;");
    $(".readmore-anchor").on("click", showHiddenText);
    $(".readless-anchor").on("click", hideShownText);

});​
</code></pre>
