This is the simplified version om code:
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
<script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
<script src="https://unpkg.com/jquery/dist/jquery.min.js"></script>
</head>
<body>
<ons-splitter>
<ons-page>
<!-- menu links to template pages goes here-->
</ons-page>
</ons-splitter>
<template id="page1.html">
<ons-page>
</ons-page>
</template>
<template id="page2.html">
<ons-page>
<form action="" method="post">
<input id="dname" type="text" name="Name" placeholder="Your Name" required>
<input id="email" type="text" name="Email" placeholder="Your Email" required>
<input id="phone" type="text" name="Subject" placeholder="Your Phone" required>
<textarea id="message" name="Message" placeholder="Your Message" required></textarea>
<input type="submit" id="sendit" value="SUBMIT"></div>
</form>
</ons-page>
</template>
<template id="page3.html">
<ons-page>
</ons-page>
</template>
</body>
</html>
As you can see, on page2.html, there is a form, the submit button has the id **sendit **. I want to submit the form to an external url by jquery, but the form input id’s are not recognized, the challenge is, how do I achieve this?