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`
I would change the js & html a bit. 

Why? Cause if you want to disable the button2 on submit and enable it when the button1 is clicked, it's best to not put two submits in the `form`. We put one submit `button`, to trigger the `form` submit, and an `<a>` tag to enable the button2 (the `<a>` tag won't trigger the submit event again). 

```
<form id="test" method="post">
  <a id="test1" href="#" class="btn btn-primary">button1</a>
  <button id="test2" type="submit" class="btn btn-primary">button2</button>
</form>

```

And in the jQuery we do something like this inside your `$(document).ready()` function:

```
$('#test').on('submit', formSubmit);
$('#test1').on('click', unableButton);

function formSubmit () {
  $('#test2').prop('disabled', true);

 // Here you put the rules to submit your form 
}

function unableButton (e) {
    e.preventDefault();

    $('#test2').prop('disabled', false);
}

```

If you want i made this fiddle so you can see the code in action: <https://jsfiddle.net/dobbinx3/Lu2ns80b/1/>

Cya.