How to disable button Jquey?

How to disable button Jquey?

<button type="submit" class="btn blue"  id="mainbutton"> Submit <i class="m-icon-swapright m-icon-white"></i></button>
i have a submit button like this, i need to disable after submit it. how can i do with jquery? i have used 
$('form').submit(function(){
      $(this).children('input[type=submit]').prop('disabled', true);
  });