Changing List Item

by olli

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<div id="home" data-role="page">
    <div data-role="header">
        <H1>Home</H1>
    </div>
    <div data-role="content">
        <ul data-role="listview">
            <li id="item_1">item 1</li>
            <li id="item_2">item 2</li>
        </ul>
        
        <br/>
        <a data-role="button" id="change_item">Change Item 1</a>
    </div>
</div>

JavaScript

$("#home").live('pageinit', function() {
    console.log('hallo');
    $('#change_item').bind('click', function() {
        console.log('hallo');
        $('#item_1').text('changed item');
    });
});