Bind touch event to elements created by array
<p>How to make touch event work on single element of each created by this function. This code doesn't work since it makes all of the '#demo-1 p' background-color change together even I touch one of them.</p>

<pre><code>function token1(r) {
    for (var j = 0; j &lt; r.length; j++) {
        if (r[j].match(srr[0], "g")) {
            $('&lt;p&gt;').html(r[j]).appendTo("#demo-1");
            scnt++;     
            $('#demo-1 p').bind("touchstart", function (event) {
                $('#demo-1 p').css('background-color', 'red')
            });
            $('#demo-1 p').bind("touchmove", function (event) {
                $('#demo-1 p').css('background-color', 'white')
            });
            $('#demo-1 p').bind("touchend", function (event) {
                $('#demo-1 p').css('background-color', 'white')
            });
        } 
    } 
}
</code></pre>
