JQuery $('#submit_but2').attr('disabled', 'disabled');

Существует 2 идентичных модальных окна, внутри них формы:

       <button type="submit" class="btn btn-default" id="submit_but">Готово</button>

JS:

<script  type="text/javascript">
     $(document).ready(function() {
          $('#submit_but').attr('disabled', 'disabled');
    });
</script>

В первом окне данная кнопка disablиться нормально, во втором аналогичная:

<button type="submit" class="btn btn-default" id="submit_but2">Готово</button> 
<script  type="text/javascript">
$(document).ready(function() {
    console.log($("#submit_but2").html());
    $('#submit_but2').removeAttr("disabled");
    $('#submit_but2').attr('disabled', 'disabled');

});
 </script>

Пробовал и то removeAttr и attr('disabled', 'disabled') всё бесполезно, Не могу понять в чем косяк =(, как вообще понять почему не срабатывает смена атрибута. При этом.

   console.log($("#submit_but2").html());

Даёт значения этого тега "Готово"