Question: I have two submit button in a form I want to disable button2 on click (submit) & when user click button1, button2 will enable. Sorry for silly question I am newbie.

```js
   $(document).ready(function(){
            $(document).on("click", ".test2", function() {
                if ($('#test2').is(':visible')) {
                    $('#test2').hide();
                } else {
                    $('#test2').show();
                };
            });
        });
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="test" method="post">
    <input id="test" type="submit" value="button1" class="test1">
    <input id="test2" type="submit" value="button2"/>
</form>
```

Answer: 
change  

`$(document).on("click", ".test2", function() {`  

to  

`$(document).on("click", "#test2", function() {`

Once Button hidden, it will not visible, since you are using click event on same button which you want to hide, your **else** is useless in this case.

When you submit form, and came back to this form/page again, button will be visible to you.  

I'm not clear what you are trying to do:  

If you don't want to submit the form, and want to perform some more operation the you nedd to use:  

`e.preventDefault();` as suggested by @Nitheesh and make it `display:none` or `disabled`
How about this?
Add `disabled` to `#test2` and remove it when `#test` is clicked.

```html
<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#test").on("click", function () {
    $("#test2").prop("disabled",false);
             });
        });
    </script>
</head>

<body>

    <form id="test" method="post">
        <input id="test" type="button" value="button1" class="test1">
        <input id="test2" type="button" value="button2" disabled />
    </form>
</body>

</html>
```