title: Best way to enable/disable multiple bootstrap button (Jquery)
body: <p>I want to enable and disable bootstrap buttons. There are 4 buttons on the page, On load, the 1st button is enabled and rest are disabled. Now when I click on button1 then rest of the button should be enabled and button1 will disabled.</p>
  
  <p>Below is my code it can disable the first button but rest button are not enabling. </p>
  
  <pre><code>$('document').ready(function() {
      $("#add_resume1").on("submit", function(e) {                
          e.preventDefault;
          var btn = $('#btn-save1');
          // btn.button('loading');
          $.ajax({
              type: 'post',
              url:$('form#add_resume1').attr('action'),
              cache: false,
              dataType: 'json',
              data: $('form#add_resume1').serialize(),
              beforeSend: function() { 
                  $("#validation-errors").hide().empty(); 
              },
              success: function(data) {
                  if(data.success == false) {
                      var arr = data.errors;
                      $.each(arr, function(index, value) {
                          if (value.length != 0) {
                              $("#validation-errors").append('&lt;div class="alert alert-danger"&gt;&lt;strong&gt;'+ value +'&lt;/strong&gt;&lt;div&gt;');
                              $('#basicdetails').val('');
                              $('#button.disabled[disabled=disabled]')
                                  .removeClass('disabled')
                                  .prop('disabled', false);
                                  //.text('Click Me');
                          }
                      });
                      $("#validation-errors").show(); 
                      btn.button('reset');                            
                  } else {
                      $("#success").html('&lt;div class="alert alert-success"&gt;Basic details saved successfully.&lt;div&gt;');
                      $('#basicdetails').val('');
                      $('#btn-save1').prop('disabled', true);
                      $('#button.disabled[disabled=disabled]')
                          .removeClass('disabled')
                          .prop('disabled', false);
                  }
              },
              error: function(xhr, textStatus, thrownError) {
                  //alert('Something went to wrong.Please Try again later...');
                  alert(thrownError);
                  btn.button('reset');
              }
          });             
          return false;
      });
  });
  </code></pre>
  
  <p>Thanks for your advise</p>
  
  <p><strong>Edit</strong></p>
  
  <pre><code>&lt;button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save5" disabled="disabled" required="required"&gt;Save&lt;/button&gt;
  </code></pre>
  
  <p>this is the button code in html file. html file is quite big. So, i am just giving you the button code. btn-save5, btn-save4, btn-save3m similar like this.</p>