FullCalander in Android Simulator

FullCalander in Android Simulator

I am new to mobile development. My goal is to include a FullCalendar into JQueryMobile. I have followed this guide but when I run it with the Android Emulator, it loads the event dialog page with input text "title" and "color" like the image below.


How can I make it load a full calendar view first instead of an event dialog?



I have copied all js & css. Here is my index.html code
  1. <html>
        <head>
            <link rel='stylesheet' type='text/css' href='resources/css/jquery-ui-1.8.13.custom.css'/>
            <link rel='stylesheet' type='text/css' href='resources/css/fullcalendar.css'/>
            <link rel='stylesheet' type='text/css' href='resources/css/application.css'/>

            <script type='text/javascript' src='resources/js/jquery-1.5.1.min.js'></script>
            <script type='text/javascript' src='resources/js/jquery-ui-1.8.13.custom.min.js'></script>
            <script type='text/javascript' src='resources/js/fullcalendar.min.js'></script>
            <script type='text/javascript' src='resources/js/underscore.js'></script>
            <script type='text/javascript' src='resources/js/backbone.js'></script>
            <script type='text/javascript' src='resources/js/application.js'></script>
        </head>
        <body>
            <div id='calendar'></div>       
           
            <div id='eventDialog' class='dialog ui-helper-hidden'>
                <form>
                    <div>
                        <label>Title:</label>
                        <input id='title' class="field" type="text"></input>
                    </div>
                    <div>
                        <label>Color:</label>
                        <input id='color' class="field" type="text"></input>
                    </div>
                </form>
            </div>       
        </body>
    </html>
































Please advise how to load full calendar view instead of the event dialog coming first. Thanks.