Attaching script events to dynamic pages v1

Questions
1

Good day,

I have a dynamic form, and I have not been able to capture the contents of the form. I need some help captuirng what ever is inputted on the form.

Thanks in advance.

<script type="text/template" id="myPage">
    <div class="pages">
        <!-- Page, data-page contains page name-->
        <div data-page="postcomment" class="page">
            <!-- Scrollable page content-->
            <!-- Top Navbar-->
            <div class="navbar" style="background-color:#0094A0">
                <div class="navbar-inner">
                    <div class="left"><a href="#" class="back link"> <i class="icon icon-back"></i></a></div>
                    <div class="center sliding"> Post </div>
                    <div class="right">

                    </div>
                </div>
            </div>
            <!-- /End of Top Navbar-->
            <div class="page-content">

                <section>

                    <div class="text">
                        <form id="query-form">
                            <textarea placeholder="Write a post"></textarea>
                            <input type="submit" value=" Post " />
                            <img src="images/photo-camera.png" class="imgPic" />
                            <img src="images/video-camera.png" class="imgcam" />
                        </form>
                    </div>



                </section>
            </div>
        </div>
    </div>

</script>
2 
app.onPageInit('postcomment', function(page) {
  $(page.container).find('form').on('submit', function () {
    // do something here
  });
});
3

Any reason why you are on v1?

4

Thanks a lot. I had started the project a while back and I dont have any idea what the migration would be like that is all. But if you say it is easy will go ahead with it. I just dont want anything to break,