Ember jquery mobile TVDB

by amindunited

HTML

<!-- Home -->
<div data-role="page" id="page1" data-theme="a">
    <div data-theme="a" data-role="header">
        <h3>
            Header
        </h3>
    </div>
    <p><a href="#page2">Page 2</a></p>
    
</div>
<!-- results -->
<div data-role="page" id="page2" data-theme="a" data-add-back-btn="true">
    <div data-theme="a" data-role="header">
        <h3>
            Header
        </h3>
    </div>
    
</div>
<!-- mobile mock up page -->
<div data-role="page" id="page3">
    <div data-theme="a" data-role="header">
        <h3>
            Header
        </h3>
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li>
                    <a href="#page1" data-transition="fade" data-theme="" data-icon="">
                        Button
                    </a>
                </li>
            </ul>
        </div>
        <div data-role="fieldcontain">
            <input name="" id="searchinput1" placeholder="" value="" type="search">
        </div>
        <div class="ui-grid-c">
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-c">
            </div>
            <div class="ui-block-d">
                <input type="submit" value="Submit">
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-a">
            </div>
            <div class="ui-block-b">
            </div>
            <div class="ui-block-a">
            </div>
            <div...

CSS

.ui-content {
    background-color: #999999;
}

JavaScript

$(function(){
    var metaTags = "";
        metaTags += '<meta charset="utf-8">';
        metaTags += '\n';
        metaTags += '<meta name="viewport" content="initial-scale=1.0, user-scalable=no">';
        metaTags += '\n';
        metaTags += '<meta name="apple-mobile-web-app-capable" content="yes">';
        metaTags += '\n';
        metaTags += '<meta name="apple-mobile-web-app-status-bar-style" content="black">';
        metaTags += '\n';
        $(metaTags).insertAfter( $('head title') );
});

$(function(){
    
})