How to implement submit button click in JQuery?

In this article we will discuss implementing to use submit button click in JQuery. We will write a function in script block and will call function inside $(document).ready()W without using Id here we are using input type . When the submit button is clicked, we are hiding the div tag.

Example:

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title> submit button click in JQuery </title>
         <script src="//code.jquery.com/jquery-1.10.2.js"></script>
   <script type="text/javascript">
        $(document).ready(function () {
            $(":submit").click(function () {
                $("div").hide();
            });
        });
</script>
</head>
<body>
<div id="hideme" style="border:1px solid gray;width:350px;height:200px;background-color: #CDDC39;">This is visible.</div>
<input value="do Something" type="submit">
</body>
</html>

Output:

How to implement submit button click in JQuery