Button and Alert

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/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<body>
    <div data-role="page" id="mypage">
        <div data-role="header">
            <h1>
                Button and Alert
            </h1>
        </div>
        <div data-role="content">
            <a data-role="button" id="mybutton">Button</a>
        </div>
    </div>
</body>

JavaScript

$('#mypage').live('pageinit', function() {
    $('#mybutton').live('click', function() {
        doStuff();

    });
});

function doStuff()
{
  $('#mybutton .ui-btn-text').html('Processing, please wait...');
  alert('click');
  return;
}