Workshop 302, Tutorial 3, Step 1

index.html

<!-- Detail page, to display details when user clicks specific Merchandise record -->      
<div data-role="page" data-theme="b" id="detailpage"> 
    <!-- page header -->
    <div  data-role="header"> 
        <!-- button for going back to mainpage -->
        <a href='#mainpage' id="backInventory" class='ui-btn-left' data-icon='home'>
            Home
        </a>
        <!-- page title -->
        <h1>Edit</h1>
    </div>
    <!-- page content -->
    <div id="#content" data-role="content">
        <h2 id="name"></h2> 
        <label for="price" class="ui-hidden-accessible">Price ($):</label>
        <input type="text" id="price" readonly="readonly"></input>
        <br/>
        <label for="quantity" class="ui-hidden-accessible">Quantity:</label>
        <input type="number" id="quantity"></input>
        <br/>
        <a href="#" data-role="button" id="updateButton" data-theme="b">Update</a>
        <!-- note that number is not universally supported -->
    </div>
</div>