jQM 1.4 listitem color on click

by Erik Zanker

HTML

<div data-role="page" id="page1">
    <div data-role="header">
         <h1>My page</h1> 
    </div>
    <div role="main" class="ui-content">
        <ul id="mylist" data-role="listview" data-split-theme="c">
            <li>
                <a href="#">mahindra Scorpio</a>
            </li>
            <li><a href="#">BMW</a>
            </li>
            <li><a href="#">Audi</a>
            </li>
            <li><a href="#">BenZ</a>
            </li>
        </ul>
    </div>
</div>

CSS

.activeLI {
    background-color: #CFF09E !important;
    background-image: none;
}

JavaScript

$(document).on("pagecreate", "#page1", function () {
    $("#mylist").on("click", "li", function(){        
        $(this).toggleClass("activeLI");
    });    
});