Javascript 移动设备中的jquery标题栏？

我正在开发一个小的移动应用程序，需要在页面标题。我使用html5和下面的代码，但我没有得到标题和主题也不工作。下面提到了我的代码

脚本：

<meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="OptionsMenu.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery.mobile-1.3.2.min.js"></script>
    <script type="stylesheet" src="jquery.mobile-1.3.2.min.css"></script>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

Html:

Gps坐标

您是否遵循了开发合适的移动应用程序页面的模式？ 比如：

你能为你的代码创建一个JSFIDLE吗？？？？？？？

---

jquery mobile css的路径是否正确？？？

您是否将这些标题存储在本地？您是否将这些js文件包含在js目录中？是的，我将所有js文件都包含在html文件所在的同一文件夹中。请在源代码之前添加“js/”。感谢您的重播，但没有js文件的子文件夹。所有js文件都位于同一文件夹中（html和js文件）。所以/js不是必需的，对吗？

<div data-role="header"  data-theme="b">
            <h1>
              Gps Coordinates
            </h1>
 </div>

 <div data-role="page" class="jqm-boilerplate">
            <div data-role="header" data-position="fixed" class="jqm-header" data-tap-toggle="false" >
                <!-- main header -->
                </div>
        <div role="main" class="ui-content jqm-content"
                data-overlay-theme="a">
                </div>
<div data-role="footer" data-position="fixed"
                data-theme="e" style="position: fixed;">
                </div>
 </div>