jQuery mobile boilerplate

by Xeon06

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css">
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
<div id="page" data-role="page">
    <div data-role="header">
        <h1>Page Title</h1>
    </div>
    <div data-role="content">
        <p>
            <input id="input" type="text">
            <input id="button" type="button" value="Click me">
        </p>
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

JavaScript

$("#button").click(function() {
    $("#input").attr("data-theme", "valencia");
    $("#page").page("refresh");
});